Empieza por acá

1

Mi primera línea de código

Fundamentos de Programación

2

¿Qué es HTML/CSS/JS?

3

JavaScript no es Java

4

Primeros pasos en el navegador con alert

5

HTML, CSS, JavaScript de verdad

6

Los apuntes de Freddy en PDF

Primer proyecto: Peso en otro planeta

7

Peso en otro planeta

8

Obteniendo datos del usuario

9

Flujo y condicionales

Segundo proyecto: Dibujando con Canvas

10

Cómo funcionan Window y Document

11

El DOM: nuestro lugar de trabajo en la web

12

Dibujando en el DOM

13

Qué son las Funciones en JavaScript

14

Ciclos while y for en JavaScript

15

Eventos y Formularios en HTML y JavaScript

16

Detectar eventos del teclado con JavaScript

17

Dibujar en canvas con las flechas del teclado

Tercer proyecto: Villa platzi

18

Funciones matemáticas y números aleatorios en JavaScript

19

Uso y carga de imágenes en Canvas

Cuarto proyecto: Pakimanes

20

División, módulo y residuo en JavaScript

21

Clases y Arrays en JavaScript

Quinto proyecto: Cajero automático

22

Diagrama de Flujo del Cajero Automático

23

Implementación del Cajero Automático

Sexto proyecto: Cliente/Servidor

24

Modelo Cliente/Servidor

25

Primer servidor web con express

Programación de Hardware y Electrónica con Arduino

26

¿Cómo funciona un circuito electrónico?

27

¿Cómo programar un Arduino?

28

Programación de circuitos con C, Arduino y Sketch

29

Cómo programar un Arduino con Javascript y Node

30

Construye un Robot con JavaScript

31

Robot para riego de plantas en Arduino, Javascript y Node

Materiales de apoyo

32

Las mejores notas de los estudiantes

33

¿Cuál lenguaje de programación aprender primero?

34

La Web con Visión Profesional

Contenido Bonus

35

Qué son tablas de verdad y compuertas lógicas

Recap Curso Gratis de Programación Básica

36

Recap Programación básica

37

Recap Programación básica ENG

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Recap Programación básica ENG

37/37
Recursos

Basic Programming Course Recap

After finishing this course you should have seen that the Internet works with three main tools.
HTML, CSS and Javascript. These are the three languages that we find at the center of it all.

HTML (HyperText Markup Language) is the language where the information of a document or its content is structured or defined and its format is .html.

CSS (Cascading Style Sheets) is the language where the design of the document is specified. It has to do with everything related to the visuals and its format is .css

Javascript, on the other hand, is the language that makes everything interactive. This is the true programming language that allows us to create websites and its format is .js

You must never, but NEVER forget that Javascript is not Java. Java is a language for servers, desktop and android apps. Javascript is the language of the web, servers, robots, etc.

Every programming language will consist of variables, conditionals, functions, events, classes and arrays.

A variable is used for storage and making references to another value. Thanks to these variables it’s possible to create “generic programs”. That is, programs that function parallel to the concrete values being used.

Conditionals, on the other hand, are that part of the code that can only be executed if there is a true circumstance, for example, when I will stop being tired once I stop running.

A function is a tool that allows us to write code that will be re-used multiple times.

Events are functions that occur when something happens (a click, pressing a key, placing the cursor over a button, etc…).

Classes are what will define the characteristics of the object. For example, under the category of “People” you will find characteristics of height, weight, genre, age, name, etc.

Arrays are groups of data organized by position and associated to one variable. The structure could be made out of any data type, that is to say: you can have a stream first, a number second, an object third and so on. We can access these independently or as a group. It’s also worth mentioning that arrays are also objects themselves.

Objects are what wrap up the code. The navigator has primitive objects explained in the following descriptions:

Navigator: Is the object that contains the functions of the browser. It also allows access to the operative system, like the GPS, storing data in the hardrive, etc.
Window: Is the object that manages each tab.
Document: Is the object that contains everything we see within the page.

In apps we have something called DOM (Document Object Model). This is the way that the navigator internally organizes the entire HTML within the tree data structure.

To compliment what you’ve learned, continue with the course on Logical Thinking which you will find in platzi.com/cursos/pensamiento-logico

Aportes 90

Preguntas 8

Ordenar por:

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

Me encanto la version en inglés, i need practice my english. :3

Les recomiendo si tienen un ingles no muy bueno, ponerlo en 0.85

compliment = halago
complement = complementar :v
Anyways, it’s really cool that’s your’e adding some material in english, looking forward to see some more!

que genial, así además de mantenernos al tanto podemos practicar inglés.

I love the fact that it´s in English too!!!

The latest class is the best class for practice our listening skills, that is fantastic.
Si tengo algo mal escrito agradecería una corrección 😄

I think this course is the first step someone who wants to get in this wonderful world of “Programming”; it’s incredible how the tutor can explain this topics and of course, how he can teach us with some exercises, proyects and something like that. I love programming and I think that this basic programming course is made for whom want to improve in this vast world. Thank you PLATZI

After finishing this course you should have seen that the Internet works with three main tools.
HTML, CSS and Javascript. These are the three languages that we find at the center of it all.

Gracias por el curso!

como puedp cambiarlo a español

compliment = halago
complement = complementar :v
Anyways, it’s really cool that’s your’e adding some material in english, looking forward to see some more!

Les recomiendo si tienen un ingles no muy bueno, ponerlo en 0.85

Me encanto la version en inglés, i need practice my english. :3

donde está a versión en inglés de Freddy 😡

bueno gracias

Thanks for all Freddy, great course!

Thank you

Me encanto la version en inglés, i need practice my english. :3

Les recomiendo si tienen un ingles no muy bueno, ponerlo en 0.85

thank You!!!
🫶📝
ª
i need practice my english!❤
fxxxx it
lllllllllllll

exelente

I loved the course

good like it's

Fjj

genial
recomiendo mucho este video
increíble programa
yes i good
yes it good
gsgshs

Thanks for everything, I think it´s a perfect course to start in this world called progrmamming. I’m goin to continue learning 🤩.

PERFECT

MUY BUENA EXPLICACION

PERFECT

LO ENTIENDO

WOW

❤️

Eso ayuda mucho a prender ingleh

compliment = halago
complement = complementar :v
Anyways, it’s really cool that’s your’e adding some material in english, looking forward to see some more!

Excellent this version in English thanks for that

Good, muy completo el curso 😍
Muy bien explicado, Ready Exam🔥

gracias

hello

Aún no me creo que este curso sea gratuito, supera por MUCHO a cursos de pago de programación basica o de cero

oksisa

compliment = halago
complement = complementar :v
Anyways, it’s really cool that’s your’e adding some material in english, looking forward to see some more!

Escuché primero la versión en inglés y entendí el 95%. Muy buen ejercicio.

MISS

DELAY

THAT

COUNSEL

FRIED

HELLO

BEET

AS

YOU

DO

OK

Estuvo genial

Good

me encabto todos los videos

me encanto la version en ingles , i need practice my english

muy bien

excellent the version in English…

I need subtitles := =:

Thank you Platzi, it was an amazing course.

un yee!!! por este curso

Ta bien 👍

Una buena manera de seguir practicando!

I love this version in English.
Excellent!!

Podrian volver a colocar los subtitulos porfavor para los que no sabemos ingles gracias.

It’s cool that they have an english version of the review

It is great to be able to practice english listening in this recap.

Loved to listen to this recap in English! ❤️

Like! I love the idea of making a Recap in English version. By the way, “Java is not Javascript”, this sentence has already become a hit.

In apps we have something called DOM (Document Object Model). This is the way that the navigator internally organizes the entire HTML within the tree data structure.

excellent work!

Very Good

It is great!

hello
me encantó el curso de programación