Crea 7 Proyectos con HTML, CSS y JavaScript - Curso Práctico

Подписаться 246 тыс.

Просмотров 48 тыс.

50% 1

En este curso practicarás tus habilidades de HTML, CSS y JavaScript creando siete proyectos incluyendo el juego snake, un cronómetro, un cifrador César, una calculadora, una lista de tareas, el juego del ahorcado y un generador de paleta de colores.
✏️ Curso Creado por: Manuel Basanta.
RU-vid: / @programacionaccesible
Twitter: / manuelbasanta
💻 Código de los Proyectos
- Juego Snake: github.com/accesibleprogramac...
- Cronómetro: github.com/accesibleprogramac...
- Cifrador César: github.com/accesibleprogramac...
- Calculadora: github.com/accesibleprogramac...
- Lista de tareas: github.com/accesibleprogramac...
- Juego del ahorcado: github.com/accesibleprogramac...
- Generador de paletas de colores: github.com/accesibleprogramac...
⭐️ Contenido del curso ⭐️
⌨️ (00:00:00) Introducción
⌨️ (00:00:52) Juego Snake
⌨️ (00:35:13) Cronómetro
⌨️ (00:52:31) Cifrador César
⌨️ (01:13:16) Calculadora
⌨️ (02:12:08) Lista de tareas
⌨️ (02:31:45) Juego del ahorcado
⌨️ (02:58:32) Generador de paletas de colores
💻 Con freeCodeCamp puedes aprender a programar gratis y alcanzar tu meta de obtener un empleo como desarrollador: www.freecodecamp.org/espanol/
✍️ Lee cientos de artículos de programación de forma gratuita:
www.freecodecamp.org/espanol/...
🎥 Suscríbete a nuestro canal para encontrar más videos y cursos de programación: / freecodecampespanol
🎉 Muchas gracias a nuestros Campeones y Colaboradores:
👾 Miguel Carrero
👾 Luisana Amarista
👾 Prada Pragrama
👾 Isaac Alcides Silva
👾 Gilberto Serrato
👾 Gabriela Borba
👾 Rubén Sanchez
👾 Diego Antonio Nieto
👾 Hector Iarre
👾 Nicolás Costas
👾 Felipe Nuñez

Опубликовано:

19 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 95

@carlosandressorianogonzale5587 6 месяцев назад

Lo voy a disfrutar como no puedes imaginarlo

@VINNENOA 6 месяцев назад

Jajajja si, eso pensé... Ahora sí viene lo chido

@tiagomantilla6614 6 месяцев назад

Excelente tutorial. Muchas gracias!!

@elgatodecheshire7776 6 месяцев назад

Miles de gracias amig@s! Sois mi motivación y la de mi hermano para aprender a programar! ❤️❤️❤️❤️

@Rapha_Carpio 6 месяцев назад

Que chevere, últimamente desde hace 3 meses estoy full con Python y data análisis pero esto me lo hago el fin de semana para crear contenido 🎉🎉🎉 y hacer algo diferente

@isvannispetit725 5 месяцев назад

muy bueno lo que alcanze a ver, voy a dedicarle aver todo el video gracias.

@jorgecarrillo4928 6 месяцев назад

Genial lo necesito, muchas gracias.

@DARWINMORENO-rc4lq 4 месяца назад

Señores a practicar y practicar para afianzar los conocimientos. Gracias por estos proyectos

@davidrosariofotografia9202 6 месяцев назад

Excelente curso muchas gracias

@pablinmda 3 месяца назад

Muchas gracias por estos proyectos!!!!

@imandresmorales 6 месяцев назад

Muchas gracias por el contenido ❤

@enn.275 6 месяцев назад

Muchas gracias por tanto contenido tan útil ❤ los amo

@dariohernanalonso1984 6 месяцев назад

Muchísimas gracias..!!!♥️🙏👍

@JoeTheorium0 6 месяцев назад

Muchas gracias por el cursito y las explicaciones. La verdad muy buenas explicaciones del chico (no sé el nombre). Sin embargo hay algunos márgenes de mejora en código, errores ortográficos aislados que siempre puede pasarnos jaja y por ahí iba muy rápido o no explicaba ciertas cosas. Pero así y todo muy superior a la media, le agradezco un montón porque es muy útil lo que hicieron acá

@henrygustavosalazartorrez8297 6 месяцев назад

Gracias, excelente video lo voy a ver

@andresestebanruizalzate2687 6 месяцев назад

Perfecto, muchas gracias

@fabianlopez1603 27 дней назад

Muchas gracias por el curso

@gastonmoure1311 5 месяцев назад

Muchas Gracias!!

@JesusPetit5 6 месяцев назад

Ufff el juego de la culebra me parece un proyecto bastante completo y se vuelve complejo para mí en algunas partes, es muy bueno para aprender. Muchas gracias por el curso

@SoldierMike11 6 месяцев назад

De esos proyectos tengo 6 exactamente igualitos(los desarrolle hace 2 años) 😱 Estaría genial ver desde otra perspectiva el desarrollo de los mismos.

@heromolina 6 месяцев назад

Gracias por el curso :)

@arnoldoosorio8454 6 месяцев назад

Muchas gracias!!!

@PedroRodriguez-dl5yt 5 месяцев назад

Genial, genial y también genial.

@eosorto55 6 месяцев назад

la profe ya dias no le veia,me alegra verla teacher

@quinojuan2 6 месяцев назад

🎉 Gracias!

@mr.fabian8471 6 месяцев назад

Uff, muchisimas gracias !!

@ygorl007 6 месяцев назад

excelente!!!!

@wasm30 6 месяцев назад

excelente gcontenido gracias

@YAMILJESUSMOUSSAABOU-kj6xy 6 месяцев назад

Hola!! Gracias por todos tus enseñanzas , por favor podrías hacer un curso completo de Linux. Con todos sus comandos, permisos(sudo) y todo lo necesario para poder aprenderlo completamente. Bendiciones

@juanpabloescobararenas2010 6 месяцев назад

Hola, gracias por el video, ¿Puedes hacer un curso con algún framework como Django, Flask o FastAPI?, gracias.

@user-zb5pj1jp1h 6 месяцев назад

Los mejores 😁

@sebaboy11 4 месяца назад

muchas gracias hecho los 7 proyectos !!!

@braianzalazar1584 2 месяца назад

un capo

@EdinsonCastillo17 6 месяцев назад

Ya hice el juego de la serpiente. Le agregué algunas mejoras. Y quedó muy chevere. Muchas gracias por todo lo que hacen por los que iniciamos❤

@dfmontesinos 5 месяцев назад

Si compartes las mejoras, mejor aún para todos :)

@rohyga_an7096 6 месяцев назад

Yo sin cero conocimiento a la programación, yo intentaré hacer lo del video 😃

@kevinedsonalvareztorrico 5 месяцев назад

Ya lo hiciste? Como te fue?

@dfmontesinos 5 месяцев назад

Hola! un detalle, en el ejercicio del cronómetro, en el archivo de JavaScript, la función (playPause) es mejor declararla al final del archivo, porque si lo haces al inicio (tal y como están en el repo), dará fallo porque dicha función llama a otra función que al renderizar la app NO está en primer lugar, por lo que el fallo que generará es que al renderizar por primera vez, la esfera blanca empezará a correr aunque el cronómetro esté detenido. Por cierto, los ejercicios están muy bien explicados, enhorabuena!

@jesushernanbs.as.4983 6 месяцев назад

Me guuuusta. 😎👌

@andresrangel7577 6 месяцев назад

Firme en la espera por el curso de Angular

@enriqueruiz320 4 месяца назад

Ya mero, ya mero, solo termino mi curso de css y ma paso a Java Script 😅

@ganid1889 6 месяцев назад

Justo para iniciar vacaciones

@josefernandoenriqueaguilar2141 6 месяцев назад

Los amoo

@ivanvazquez5858 6 месяцев назад

❤

@gustavojuantorena 6 месяцев назад

🎉🎉🎉

@eugeneiyukhun3080 6 месяцев назад

Van there be a navigation to also translate the class to the English language?

@oscarleondev 6 месяцев назад

Graciiiiiaaas

@user-nh9nr2pb2t 6 месяцев назад

Hola ! queria saber porque no me lee el juego de la serpiente ? porque copie el repositorio de su codigo pero tampoco me lee el juego

@DDESING4 Месяц назад

Buena tardes, para freecodecamp español Puedo inscribir online, aprendo HTML 5 ccs3 ja y obtener certificado digital en via correo?

@alexiagarciasantos8453 4 месяца назад

El del ahorcado estaría bueno con API que generara las palabras

@OeParceroxD 6 месяцев назад

Bro te hago una pregunta, que es mejor pago frontend o backend, js y java respectivamente tengo la impresion que el backend paga mejor no?

@roxieAr Месяц назад

La realidad es que tenés que hacer lo que a vos te guste, pero pareciera que el mercado esta saturado de Front (por lo menos Jr) si te gusta el backend, dale con ganas.

@edrofit 5 месяцев назад

Hola , alguien sabe como solucionar el problema con los decimales de javascript por ej: 96.74 - 60 --- deberia dar como resultado 36.74 y la consola me esta arrojando 36.739999999999995 les agradezco su aporte.!

@JuanOpazo-ws1kq 6 месяцев назад

Para los que recien arranca JS no lo recomiendo,ya que se explica todo muy por arriba y al fin y al cabo terminas copiando codigo sin saber lo que estas haciendo!..

@JuanOpazo-ws1kq 6 месяцев назад

Les recomiendo los 3 cursos de Soy Dalto de Js!..Ahi vas a practicar tu propio codigo con teoria!..Desde mi punto de vista copiar por copiar es una perdida de tiempo!

@giorgiomichell 4 месяца назад

@@JuanOpazo-ws1kq Muy buenos cursos los de dalto la verdad

@chromiagraphicartsstudio5403 3 месяца назад

Buenas tardes, por favor podría habilitar los subtitulos, gracias.

@imyeti9483 4 месяца назад

Para los que se les dificulte o quieran mas explicaciones vesn el curso de manipular el DOM con JS

@lucasmiguelsantanasoto7619 День назад

Mientras hacia el juego de la serpiente me dice que emptySquare.indexof no es una función.Alguien sabe en que me equivoque o como poder solucionarlo 😅

@leandrochumbita9425 6 месяцев назад

FreeCodeCamp deberia ser una Universidad

@quincylarsonmusic 6 месяцев назад

Eso puede ser en el futuro. 😉

@elliotalderson5958 3 месяца назад

porque no me corre el codigo de la serpiente? ayuden por fa

@fabianrr 6 месяцев назад

Esto es para front, cierto?

@nicolaslacave2251 6 месяцев назад

Buenas! Si. Son todas tecnologias usadas en el Front. HTML para la estructura de la página, CSS para el diseño gráfico que le darás a esa estructura, y Javascript para que haya movimiento, y funcione el programa, es decir, no quede estático. En estos ejemplos no hace falta una base de datos ni una lógica de servidor ya que todos los datos están almacenados en variables. Luego podés aprender con este mismo canal el curso de Node.js y Express si querés aprender tecnologías del lado del BackEnd. Saludos!

@JuanPerez-qh7es 4 месяца назад

Tienes un curso solo de JAVA no se si es el mismos de javaScrip

@federicogonzalez3514 5 месяцев назад

2:12:08 - lista de tareas. Y empieza a hacer el HTML. 2:16:29 - 2:25:52 - Javascript. 2:18:10 - "si seteamos estos valores..." A mí no me muestra nada. No me aparece la fecha. 2:18:35 - Cuando escribo event, automáticamente me agregan paréntesis aesa palabra. Y aunque lo intente corregir, se me vuelven a poner los paréntesis. ... 2:25:52 - CSS. (Vi hasta el minuto 2:28:30)

@aamb_c133 6 месяцев назад

Buenas tienen algún curso similar a este pero con Java?

@rafamolina8145 6 месяцев назад

Yo también estoy esperando uno con java ❤

@tiagomantilla6614 6 месяцев назад

@@rafamolina8145 yo igual

@augustoogas1323 6 месяцев назад

Mirate todo code , tienen un proyecto en Java muy bueno

@karena3794 6 месяцев назад

Échale un ojo codegym

@aamb_c133 6 месяцев назад

Voy a chunear XD gracias por las recomendaciones

@Ungeimer 6 месяцев назад

Pongan mas cursos que no sean solo frontend😅

@BrunaDelMar-gv1gh 6 месяцев назад

Buenas! tengo un error, me encantaria si alguien puede ayudarme con esto. En el minuto 11:43 del video, abre la consola y muestra como se ve el array al hacer click en "START"... En mi caso no me muestra los array y me da error en los mensajes de la consola de la web: Cache-Control: private, max-age=86400, stale-while-revalidate=604800

@BrunaDelMar-gv1gh 6 месяцев назад

ayyy nose que hice la verdad pero ya lo solucione jajaj

@xiztspike81 6 месяцев назад

tengo un problema, la serpiente se choca con la penúltima columna en ambos lados, no llega al borde 😖

@JuanOpazo-ws1kq 6 месяцев назад

tenes que pasar el codigo

@cristianhoracioaquinovalde4010 6 месяцев назад

q lastima q no explique más a fondo para ir aprendiendo ,y q sólo diga lo q puso y ya. Entonces advierto que el contenido es para gente q ya sabe bastante sobre el tema.

@JuanOpazo-ws1kq 6 месяцев назад

si pienso lo mismo!..Es para ir mirandolo de a poco e ir investigando algunas cositas..pero algunas funciones por mas que las miraba y las volvia a mirar no las termine de entender! :(