Fundamentos de Programación

1

Bienvenida a Platzi: ¿qué necesitas para tomar el curso?

2

¿Cómo aprender programación?

3

Crea tu primer sitio web

4

Sitios web con HTML

5

Estructura de árbol en HTML

6

Visual Studio Code

7

Cómo declarar variables y usar prompt

8

Algoritmo de piedra, papel o tijera

9

Algoritmo avanzado de piedra, papel o tijera

10

Aleatoriedad

11

Refactor del código usando funciones

12

Ciclos

13

Gana 3 veces

14

Archivos de HTML y JavaScript

15

¿Qué es el DOM?

Quiz: Fundamentos de Programación

Desarrollando un juego con HTML y JavaScript

16

Maquetación con HTML

17

Sección de elegir mascota

18

¿Dónde ubicar la etiqueta script? Conectando HTML con JavaScript

19

Escuchando eventos con JavaScript

20

addEventListener

21

Manipulación del DOM

22

Enemigos aleatorios

23

Ataques en JavaScript

24

Ataques aleatorios del enemigo

25

Imprimiendo ataques del enemigo

26

¿Ganaste, perdiste o empataste?

27

Tablas de verdad

28

Creando el contador de vidas

29

¿Quién ganó el juego?

30

Reiniciando el juego

31

Ocultando elementos HTML con JS para mejorar la UX del juego

Quiz: Desarrollando un juego con HTML y JavaScript

Estilos con CSS

32

Anatomía de CSS

33

Tipos de display

34

Flexbox

35

Modelo de caja

36

Imágenes para los Mokepones

37

Estilos del botón

38

Adaptando HTML al diseño del juego

39

Layout: título y ataques

40

Adaptando JavaScript al diseño del juego

41

CSS Grid

42

Responsive Design

43

Detalles finales

Quiz: Estilos con CSS

Optimización de código

44

Revisión de código

45

Don't repeat yourself (DRY)

46

Clases y objetos

47

Clases y objetos de Mokepon

48

Arrays o arreglos

49

Objetos vs. arreglos

50

Ciclos: manipulando el DOM con iteradores

51

Declaración lenta de variables

52

Una sola fuente de la verdad

53

Mascotas aleatorias con arreglos

54

Ataques dinámicos por cada mascota: extraer

55

Renderizado dinámico en HTML

56

Eventos de click dinámicos

57

Secuencia de ataques del enemigo

58

Iniciando el combate

59

Resolviendo el reto de condicionales

60

Optimizando el frontend del juego

Quiz: Optimización de código

Mapa con canvas

61

Introducción a canvas: dibujando con JavaScript

62

Moviendo a Capipepo hacia la derecha

63

Movimiento hacia todas las direcciones

64

Movimientos con el teclado

65

Imágenes y personajes de fondo

66

Métodos en las clases

67

Obstáculos y colisiones

68

Combate entre mokepones colisionados

69

Mapa responsive

70

Botones bonitos y viewport

Quiz: Mapa con canvas

Backend: videojuego multijugador

71

¿Qué es backend?

72

Instalación de Node.js y NPM

73

Terminal de comandos y Node.js

74

Servidor web con Express.js

75

HTTP, localhost, servidores y puertos

76

Express.js y fetch: API REST con JavaScript

77

JSON y POST: mokepon online

78

Transmisión de coordenadas

79

Mokepones dinámicos en el mapa

80

Optimizando el mapa del juego

81

Batalla entre jugadores

82

Consumiendo la API de ataques del enemigo

Quiz: Backend: videojuego multijugador

Próximos pasos

83

Probando el juego en varios dispositivos

84

¿Y ahora qué curso tomar?

Bienvenida a Platzi: ¿qué necesitas para tomar el curso?

1/84
Recursos
Transcripción

Aportes 417

Preguntas 24

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

Bienvenidos a esta aventura!

Tú, sin duda, vas a aprender a programar con este completo y ambicioso curso. No lo lograrás solo viendo clases. Sigue cada ejercicio, programa cada letra de código y no te rindas.

No te rindas. Y nunca pares de aprender.

Estas a escasos días que tu vida profesional cambie para siempre, aprendiendo a programar 💚

Como debe ser 😄

intento numero 200 ojala esta vez pueda lograrlo

Este año no se acaba sin que yo sepa programar 💪

Hace 2 años intente hacer el anterior curso de programación básica, lo había intentado hacer 2 veces pero siempre me rendia y lo dejaba, hace un mes me pico el bicho de intentarlo de nuevo y antes de ayer lo termine completo, y precisamente ayer me vengo a enterar de que iban a sacar este nuevo curso!, parece hasta magico jajaja a darle con toda!

Un nuevo intro de Platzi, un nuevo logo en el curso, nuevos profesores, un nuevo sistema de comentarios (aportes), una nueva interfaz, varias cosas han cambiado desde el anterior curso de programación básica pero las ganas de nunca para de aprender, no ❤️

¡Un abrazo mis estimados y que lo disfruten!

💚 Me siento muy afortunado por haber terminado el anterior curso de programación básica! Animo para todos los nuevos que entran!! lo que más importa es que nunca paren de aprender. 🚀

Recuerden que en la programación la practica hace al maestro! ^-^ 💪

Ya que hemos decidido no parar de aprender. Hagamos Networking con un grupo de estudio
https://chat.whatsapp.com/B7M6HjozjL8ICIriOX4gQO

Pequeña anecdota: Hace años aprendi a programar hablamos de un 2012 en Visual Basic y Visual Fox Pro, la cosa es que deje de programar luego de graduarme de la escuela, por asares de la vida encontre un empleo tradicional donde no ejercia lo que estudie, tiempo después, 7 años despues para ser exactos no me sentia cómodo en mi trabajo y era porque no me permitia desarrollarme como yo quería y ejercer lo que a mi me gustaba, retome lo de programación solamente que cuando lo hice me senti perdido muchas cosas habían cambiado y por más que intente me costaba entender o comprender ciertos conceptos de la programación y más que ahora era un mundo mas extenso.

Mi punto es que muchas veces tenemos que desaprender para luego volver a aprender, no solo se trata de no parar de aprender sino también no parar de intentarlo, nunca se es tarde para interntarlo, pero sobre todo aprendamos a disfrutar del camino porque cuando se llega al objetivo la satisfacción es enorme, así que me dare la oportunidad de desaprender para volver a aprender con este nuevo curso 💪🏻

¡Gracias Platzi! 🧑🏼‍💻💚

El curso anterior fue el primero que hice de forma online y el que me incentivó a volver al mundo web.

Si están iniciando, denle con todo.

Aunque el camino se vea largo, vale totalmente la pena.

Desde que vi el curso anterior hasta hoy he aumentado 2x mi sueldo.

Texto de Odin Project
Sobre aprender a programar.

Puede que le lleve más tiempo que a los demás comprender los conceptos, o puede que le lleve menos tiempo. Esto no significa que seas más inteligente o más tonto que los demás, significa que has tenido diferentes experiencias de vida que pueden o no haberte preparado para aprender estas cosas. Alguien que creció alrededor de un ingeniero puede tener algunas ventajas sobre alguien que no lo hizo, pero eso no significa que no puedas aprender esas habilidades.
Tendrá más éxito estudiando si le dedica un tiempo constante en lugar de trabajar en él una vez a la semana. Desarrollar el hábito de estudiar todos los días a una hora específica y con un objetivo específico asegurará que hagas un progreso constante.

Lo más importante mencionado en esta clase es aprender haciendo. Primero siguiendo las clases y después con tus propios proyectos es fundamental.
Antes o inmediatamente después a este curso sugiero los siguientes:

  1. Pensamiento Lógico
    1. Algoritmos y Diagramas de Flujo
    2. Funciones y Estructuras de Control
    3. Lenguajes de Programación
  2. Introducción a la Terminal y Línea de Comandos
  3. Git y GitHub

Programar más que aprender la sintaxis de un lenguaje se trata de resolver problemas, por tanto con un buen pensamiento lógico se te hará más sencillo programar en cualquier lenguaje.
A diferencia de las interfaces gráficas, la forma usual de interactuar con la computadora, la terminal agiliza tu flujo de trabajo y será el medio para ejecutar la mayoría de herramientas que usarás como programador.
Una de las tecnologías que se usan con la línea de comandos es Git. Junto a GitHub es esencial que lo aprendas cuanto antes. Con esto podrás comenzar a construir tu portafolio con proyectos para mostrar a tus empleadores, además de ser muy útil para trabajar en equipo y registrar cambios, entre otras cosas.
.
Después de haber aprendido esto, no habrá nada que les detenga. Asegúrense que después de cada curso en Platzi apliquen lo que aprendieron. Pueden modificar y añadir características a su gusto los proyectos hechos durante las clases o también hacer proyectos nuevos desde cero. Sugiero hacer los proyectos que incluye el currículo de Free Code Camp y The Odin Project. A mí me gustan los de Odin porque tienen un servidor de Discord en el que puedes pedir ayuda para sus proyectos.
.
Resumiendo, nunca pares de programar.

🚀 Let’s Gooo!!!

¿Quién más viene del platzi live de lanzamiento del curso? 😄

La nueva generación de programadores nace hoy 💚

QUE EMOCIÓN !!😃 MUCHA SUERTE COMUNIDAD 💚💚

Estaba esperando este curso 🤓

Cuanta emoción me transmite Freddy Vega, este sujeto es increible!!

Todo para que pibotaje que quiero en mi carrera se haga realidad y aprender como nunca.

con muchas ganas aprender!

Interesante 😃

Yo despues de ver la primera clase

Lo que más necesitamos para tomar este curso es unas ganas de nunca parar de aprender

Hola, compañeros de curso tengo 10 años, y voy a aprender programación con este curso con el apoyo de mi voluntad y de mi padre

No fue en este sino en el anterior curso donde mi vida profesional cambió para siempre. A tan solo 15 años de edad di mis primeros pasos en programación…Solo inténtenlo, les aseguro que valdrá la pena!

Video de bienvenida:
Aprenderemos a programar, no lo lograremos viendo las clases, nadie aprende asi. Necesitamos LEER los comentarios de compañeros en cada clase, y necesitamos programar con todos los profes.
Dominaremos desde las bases del código hasta la creación de proyectos tan interesantes como un video juego en línea, la PROGRAMACIÓN ES UNA HABILIDAD FUNDAMENTAL para el próximo siglo, además de ser una de las profesiones mejor pagadas de la historia. Cambiará mi vida profesional para siempre.

Que lindo ya quiero empezar , por primera vez ingresando al mundo de la Programación.

Let’s gooooo! Comunity, skills and english.

Si cumples estos 3 requisitos, triunfaras en la industria.

Go ahead 🔥🔥

Buenas!!! Saludos desde Argentina.

Venga!!!
Tengo 47 años y volver a los fundamentos es bueno!!!

Súperrrr!!

6 años y un sinfín de intentos, vamos a por el bueno. Lo que mata objetivos son los abandonos y aquí, ni se nos ocurre tal cosa.
Vaaaaamos
Mil gracias!
Mon

Listo para hacer el remake del curso gratis de programación básica

Waoooo!! Mi corazoncito casi explota de tanta emoción.
1 mes esperando este curso

Muchas expectativas.

Hola chicos,
Me embarcó en este curso con entusiasmo y muchas ganas de aprender, pero también con cierta temor porque es algo que no conozco y genera cierto temor e inseguridad. No tomo el curso solo por tomarlo, me hubiera gustado aprender a programar desde hace mucho. He hecho intentos, pero no lo he conseguido. Siento que esta es mi oportunidad de aprender y plasmar lo aprendido. Ya les iré contando mi recorrido. Ad maiora!

Estaba tomando el curso anterior y lo reemplazaron creo, me quede en el cajero, ni modo a tomar este.

Compre platzi en marzo y me he desanimado bastante, me cuesta organizarme, enfocarme, desde que anunciaron el lanzamiento de este curso lo estoy esperando. Regreso motivada para aprender programación!

A darle con todo

Emocionado de tomar estas clases de nuevo, seguro habrá algo nuevo que aprender.

Qué alegría da ver a tantas personas interesadas por aprender a programar, así que vamos a darle que también tengo ganas de aprobar el curso y no parar de aprender uwu

Estoy hace unos 4 años siguiendo “el camino seguro” para tener un “futuro estable”. Y, aunque agradezco a mis papás por TREMENDO ESFUERZO, desde que sigo a Platzi sé que este no es para mi.

Estoy emocionado de empezar de lleno en está industria tan increíble y espero que, juntos, lleguemos a ser la potencia tecnológica que Latinoamérica necesita. Un gran abrazo para todos y mucha buena vibra!

Un cordial saludo a todos!
Deseandoles exito en este camino que empieza.
Freddy me encanta tu estilo y narrativa.

Saludos !

Esta cañona esta nueva versión.

84 clases!!!
oiga pero que le pasa a uste parce!!!
NO PORQUE SEA EL CEO ME PUEDE USTED HACER ESTO A MI!!!
XD

  1. "La programación es una habilidad fundamental para el próximo siglo"
    Para mí, esta afirmación es muy cierta e incluso creo que es una habilidad fundamental desde este siglo, porque la tecnología sigue en pleno y constante crecimiento, cada vez nos vemos más rodeados de esta y se involucra más en nuestro día a día, haciendo así, que sea más conveniente aprender habilidades como estas para familiarizarnos más con la misma.
  2. "Es una de las profesiones mejor pagadas de la historia"
    En relación al punto anterior, esta oración tiene mucho sentido, porque el mismo crecimiento que presenta la tecnología en nuestro entorno, también implica que se vea más comúnmente el involucramiento de esta en un ámbito laboral, ofreciéndonos una oferta de trabajo completamente rentable y con muchas oportunidades.

hey ! comunidad quiero compartir que estoy muy emocionado de comenzar este nuevo camino,soy ingeniero electromecanico y quiero darle un giro a mi carrera y quiero aprender a programar, me gustaria que me acompañaran en esta travesia y por el camino conectar con personas increibles.

Estoy muy emocionado, tome el anterior curso de programación que lanzo platzi de forma gratuita, ahora con esta actualización estoy muy emocionado y mas viendo al evolución que ha tenido.

Apuesto que no fui el único en sentir una emoción desbordante al escuchar a Freddy decir lo que podremos lograr más esa canción de fondo.

Claro que yes!

Que buena oportunidad, Gracias!!!.

Hola! Iniciamos el reto de programación básica

Vamos a ello

Que tal soy de Perú

Bien, ya estoy aca, lista para empezar!!

Que emocióoooon!!

vamo a darle

hay que enmoción que emoción que emoción

Que emocionante¡🚀

excelente, nunca pares de aprender.
gracias por la oportunidad profe.

vamos que si se puedee

Buenas tardes a todos, mi nombre es Ayelen y entre una cosa y otra de la vida aca estoy, con mis casi 34 años intentando meterme en este mundillo super ineresante. Recien arranco a ver los videos, se que mucho estan hace dias. Espero poder ponerme a tope. Saludos!

Listo para comenzar

Volvi ha este maravilloso universoooooo!

estoy emocionado

Llego un poco tarde, pero aquí estamos, listos para recomponer el camino

Este curso estara genial, comenzamos

Les comparto mis notas de clase, por ahora estan en construcción mientras voy avanzando!

Enjoy

Esto se va a descontrolarrrrrr jaja

Esta re bueno este curso ya q soy pricipiante

Que bueno que se esfuercen por sacar contenido de calidad gratuito para todo el mundo 🤖

Comenzando este curso espero aprender todo 💚

😄 ¡Vamos con todas las ganas! Esta vez APRENDERÁS a programar. Nunca te rindas. Pero, sobre todo, nunca pares de aprender. ¡Arriba ese ánimo! 💚

Un curso renovado que te invita a querer programar Gracias Platzi.

Bueno, soy diseñadora… Y ahora voy a ser desarrolladora 💗

Emocionado de comenzar

genial es lo que estoy buscando

emoción al mil por aprender!!

Buenas!!

Programar: Idear y ordenar las acciones necesarias para realizar un proyecto. Proyecto que puede cambiar la vida de muchas personas.

Buenas a todos, una nueva aventura para todos.

Hola !! Vamos por todo !!!

me lleva jajaja ya iba a terminar el otro jajajaja bueno voy lo acabo y me regreso a este 😛 jaja

Esta intro sonó tan épica!

Arrancando con todo!!

Vengo de aprobar el curso de Fundamentos de Ingeniería de Software, qué nervios!

Gracias por este tipo de cursos , realmente valen toda la pena dedicarle el tiempo y dedicación.

buenas como estan la familia platzi

Que genial, muchas gracias por la oportunidad.

Se viene algo grande… ¡Ambriento y alocado!

Me comprometeré y lo lograré, lo se.

Un saludo a todos, acabe de terminar el curso de programacion basica anteriro, y ya se sentia un poco desactualizado jjajajaa, veamos como va este

Me gustan las clases de Freddy es bastante expresivo y didáctico con lo que hace.

BUENAS TARDES, ES MI PRMIER INTENTO DE HACER UN CURSO DE PROGRAMACION, SIEMPRE ME INTERESÓ PERO NUNCA TUVE LA OPORTUNIDAD, TENGO LA IDEA QUE ES DIFICILICIMO CASI CHINO BASICO AJAJJA PERO BUENO ALLÁ VOY

Súper, Vamos con toda con la Fé Inatcta

aca vamos! 🤘🏼🚀

Hola Gente! aprenderemos programación básica ! emocionante !

Es un nuevo reto, ¡estoy lista!