Platzi
Platzi

LA EDUCACIÓN ES UN REGALO ¡ACCEDE AL PRECIO ESPECIAL!

Antes: $249
$149
Currency
Antes: $249
Ahorras: $100
COMIENZA AHORA
Termina en: 18D : 20H : 18M : 32S

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

El DOM: nuestro lugar de trabajo en la web

11

Cómo funcionan Window y Document

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 16

Preguntas 5

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

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

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

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

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 😄

como puedp cambiarlo a español

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

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.

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.

excellent work!

Very Good

It is great!