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

Primer servidor web con express

25

Modelo Cliente/Servidor

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

¿Qué es HTML/CSS/JS?

2/37
Recursos

HTML, CSS y JavaScript son los tres lenguajes que dominan la creación de todo sitio web, al menos en su parte visual e interactiva. Aquí conocerás qué son y cómo funciona cada uno.

HTML: Qué es y cómo se usa

HTML (HyperText Markup Language) no es un lenguaje de programación. Es un lenguaje de marcado que describe cómo debe mostrarse el contenido en la web asignando etiquetas al contenido. El HTML es uno de los lenguajes más comunes y útiles y se puede utilizar para crear sitios y aplicaciones web, entre muchas otras cosas.

CSS: hojas de estilo en cascada

Las hojas de estilo en cascada (CSS) son una forma de describir el aspecto y el comportamiento de una página web mediante un texto sencillo y fácil de entender. Es una habilidad esencial que deben aprender los diseñadores y programadores web.

Una hoja de estilo en cascada es una hoja de estilo que controla cómo se presentan las páginas HTML en un navegador. La parte en cascada significa que hay múltiples hojas de estilo, cada una de las cuales anula o añade estilos a las anteriores en función de sus prioridades.

Aunque CSS ha evolucionado a lo largo de los años, sigue basándose en la estructura básica de añadir atributos de clase a las etiquetas HTML para cambiar su aspecto o formato.

JavaScript: El lenguaje de programación de la web

JavaScript es un lenguaje de programación que permite a los desarrolladores crear páginas web interactivas y dinámicas. Puede utilizarse para crear animaciones, juegos y todo tipo de aplicaciones interesantes en la web. Es un lenguaje de programación que existe desde hace más de veinte años, pero sigue ganando popularidad a medida que más gente se da cuenta de sus casos de uso y se multiplican los frameworks de su ecosistema para seguir expandiendo su funcionalidad.

Se dice que JavaScript es el lenguaje de programación de la Web porque es esencialmente lo que hace que todos los sitios web sean interactivos. JavaScript puede utilizarse para hacer todo tipo de cosas, como crear animaciones y juegos en un sitio web o reproducir efectos de sonido cuando alguien interactúa con una página.

Tips para crear código con HTML, CSS y JavaScript

Se puede escribir CSS y JavaScript dentro de HTML, los profesionales normalmente escriben esto por separado, con la ayuda de un IDE.

Aportes 2356

Preguntas 285

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

🐱‍💻 Que no te limite tu editor de código, este simplemente es una herramienta que nos permite escribir código de forma más sencilla.

Como explicar programación con una pizza:
La masa de la pizza es HTML donde luego irán los ingredientes
Los ingredientes (salsa,queso,etc) son css, lo que hace que se vea bien
Y por ultimo debemos cortar y comer esa pizza, eso es javascript
No se burlen jajajaja

Para los que recien están empezando con esto de la programación esta imagen les clarificará muchas de sus dudas

MicroResumen

  • HTML => Es mas que un lenguaje, Es la estructura del archivo sobre el cual trabajamos.
  • CSS (Cascading Style Sheets) => archivo de texto plano que se encarga de los estilos del archivo(tipografía, fondo, posición del texto, título etc.)
  • Javascript => Es el lenguaje de programación que te permite interactuar con el navegador.
  • Diferencia entre programar e interactuar => Programar es escribir código para que tu dispositivo(PC, tablet, Smartphone etc.) haga algo, e interactuar es cuando el usuario ejecuta una acción y el dispositivo reacciona al evento de acuerdo a lo programado, es el resultado de la programación.
  • Cualquier tipo de editor de texto plano sirve para programar.
  • El encargado de interpretar el archivo programado es el Navegador(firefox,chrome, explorer etc.), solo interpreta el archivo HTML, ya que el archivo CSS por si solo es simplemente un texto plano, sin estructura, igualmente que un archivo JS
    —Espero les Sirva—

2 vídeos y ya me siento enamorada de la programación, lo que no hizo la universidad en 3 años, MAGIA

Ahora lo entiendo xD, he vivido engañado, muchas gracias por la información.

Estoy muy emocionado al realizar mis primeros pasos, soy administrador gastronomico y tomé la decisión de estudiar algo nuevo por que quiero cambiar mi carrera, es por esto que tome el curso y me siento extremadamente entusiasmado, agradezco el ritmo y la forma de la clase, ya que es intuitiva y permite el conocimiento flexible.

Tengo 33 años y creo que no es tarde para cambiar el rumbo de mi vida.

Saludos desde Chile!

nota:
HTML (Lenguaje de marcas de hipertexto “HyperText Markup Language”)
Contenido y estructura.

CSS (Lenguaje de estilos en cascada “Cascading Style Sheet”)
Formato.

JAVASCRIPT (Lenguaje de programación)
Programación

Una página web se compone de tres tipos de archivos:
archivo.html
formato.css
programa.js

El navegador lee e interpreta el archivo *.html para mostrar la página web.
los archivos *.css y *.js actúan desde “dentro” del archivo *.html

HTML ---------> Estructura del contenido
CSS ------------> Diseño
JavaScript ----> Programación

Navegador ----> Interpreta la información, de los 3 anteriores

Lenguajes para crear aplicaciones web 😗* HTML, CSS Y JavaScript**
todos son texto plano
HTML (lenguaje de marcas de hipertexto), es el lenguaje donde se define la información o el contenido del documento, el formato de los archivos es .html
Estructura la información
CSS (cascading style sheets), el lenguaje donde se especifica el diseño del documento, maneja todo lo relacionado con la parte visual, el formato de los archivos es .css
Diseña la información
JavaScript, el lenguaje que hace que todo sea interactivo, es realmente el lenguaje de programación que nos permite crear sitios web, el formato de los archivos es .js
La diferencia entre interactividad y programación
Programacion Es el código que escribimos para que un ordenador haga algo
Interactividad Es interactuar con el computador y que ocurra algo
El navegador se encarga de interpretarlo, pero solo abre los HTML
Dentro el HTML puedes poner los otros 2 archivos

Para crear sitios web se necesitan de tres tecnologías:

  • **HTML **< Hypertext Markup Language, se encarga de la estructura de la información.
  • CSS < Cascading Style Sheets, se encarga de la parte visual, el diseño el cómo se va a ver
  • Javascript < Es la interactividad que tendrá esa información.
    La interactividad es el resultado de la programación. Html y Css no son interactivos.

Sus extensiones son .html, .css y .js
Los tres son el mismo tipo de archivo que un texto plano .txt. Se puede programar inclusive con notepad, solo que los editores de código se especializan y nos ayudan a facilitarnos el programar, con code snippets, extensiones y colorización de la sintaxis del languaje.

No importa el editor de código que utilices, al final del día quien interpreta ese código es el navegador/browser y lo único a tener en mente es que esta bien programado y sea texto plano.

En un navegador si abres un .CSS o un .JS se mostrarán como texto plano ya que el browser no los interpreta por separado si no van con un .html

Si bien puedes introducir código de CSS y JS en un HTML para agregar interactividad o estilo los profesionales no suelen hacerlo asi. La mejor manera es crear un archivo y carpetas por separado que al final se vinculan con un HTML a tráves de código para ser interpretado.

HTML -> Información .HTML
CSS -> Diseño .CSS
JavaScript -> Interactividad .JS

El Browser o Navegador es quien interpreta esta programación en un archivo HTML. Si intentamos abrir archivos .CSS o .JS solo mostrará texto plano.

Los profesionales en diseño web trabajan en los tres archivos(HTML/CSS/JS) por separado y después los unen con código.

Saludos, AF.

hola que tal a todos soy un chico de 12 años que le interesa la programación y la creación de videojuegos estoy tomando este curso para tener futuro como programador y desarrollador web y futuro creador de videojuegos quisiera poder tener mi empresa de desarrolo web,así como freddy con platzi. gracias a todo el equipo de platzi a freddy y cristian

¿Qué es la programacion?
R: programacion: es el codigo que tu escribes para que tus dispositivos hagan algo.
//
HTML, CSS y JavaScript son los tres lenguajes que están en el centro de crear aplicaciones web.
HTML: nos permite estructurar la informacion.
CSS : para diseñar la informacion.
JavaScript: para hacer interactividad con esa informacion.

El que realmente interpreta estos lenguajes es el Navegador.
//
//Ejemplo que hace una analogia para explicar lo aprendido.
Imagina HTML como los bloques, el cemento, las varillas, los ladrillos, las estructuras metalicas de las ventanas.
CSS Como la pintura, las medidas de altura, colores de las puertas, ventanas, pisos, techos y demás.
Hasta ese momento ya tenemos una casa o edificio construido.
Pero Javascript Es quien hace que podamos interactuar con el edificio, podamos abrir puertas, ventanas, podamos subir un ascensor, tengamos servicios de luz, agua, gas.
//
Nota: esta informacion fue tomada de distintos comentarios con el fin de resumir lo aprendido en esta clase 😃

Les comparto lo que entendi:
-Programación es el código que se escribe para dar instrucciones al navegador.
-Interactividad es cómo el código del programador responde a las acciones de un usario.
-Una aplicación web esta compuesta de tres tipos de archivos con sus respectivos lenguajes:
1ro HTML que es donde se introduce a la información y no
es un lenguaje de programación.
2do CSS que es donde se estiliza a la información y tampoco
es un lenguaje de programación.
3ro JavaScript que es el lenguaje de programación que
dotda de interactividad a la aplicación.
-Un navegador es el que abre a la aplicación web, pero esta solo es capaz de entender un html, por lo que el html debe contener a CSS y JS.

No tengo para pagar a platzi los cursos al menos invierto algo en los paquetes moviles para estudiar esto, mejorar mis blog y si gano lo suficiente espero pagar el de Finanzas

Querer es poder

Lenguajes para desarrollo web:
- HTML: Estructurado de la información.
- CSS: Diseño de la información.
- JavaScript: Interactividad con la información.

Definiciones (nombre técnico):
-HTML: Lenguaje de marcado de hipertexto.
-CSS: Lenguaje de hojas de estilo en cascada.
-JavaScript: Lenguaje de programación web.

Extensiones de archivo:
-HTML: .html
-CSS: .css
-JavaScript: .js

Nota: Todos los tipos de archivos son del mismo estilo (archivo de texto plano), por lo mismo, cualquier editor de texto (sin formato) sirve para escribir el código, no es necesario el uso de un editor de código, mientras se trate de un archivo de texto plano con la extensión correcta.

Nota: El navegador es el que interpreta la información de los archivos de texto plano que contienen el código. Un navegador solo puede interpretar directamente a los archivos HTML, si un archivo HTML invoca código css o js no habrá problema siempre y cuando esté dentro del mismo archivo o invoque a otro archivo diferente ya sea .css o .js.

HTML = Información(Contenido de Documento)
CSS = Diseño(Forma Visual)
Java Script = Interactividad (Verdadero lenguaje del mundo de la web)

HTML-> Etiquetas de información, sus archivos tienen extensión . html o .htm
CSS-> se encarga de darle diseño visual a las paginas, sus archivos tienen extensión .css
JAVASCRIPT-> es el lenguaje de programación, es el encargado de las validaciones y la interacción con el usuario, sus archivos tienen extensión .js.

ni HTML ni CSS no son lenguajes de programación

Highlights;

  1. HTML es el responsable de darle estructura a la información dentro de un sitio.
  2. CSS es donde se agrega diseño (colores, fuentes, sombras, etc,).
  3. Javascript se encarga del componente interactivo (animaciones o respuestas ) cuando ejecutamos una acción.

Nota del mismo Freddy:

  • HTML es para estructurar la información.
  • CSS es para diseñar la información
  • JavaScript es para hacer interactividad con esa información

html = estructura
css = lo visual vamos que es lo que hace que se vea bonito
js = la programacion

mas simpre imposible

html = informacion
css = seria la parte visual
js = seria la interaccion del usuario con la informacion

Apuntes de la clase.

Los tres elementos fundamentales para la construcción de aplicaciones web.
HTML = Información. (Contenido)
CSS = Diseño. (Tamaño de textos e imágenes, colores, posicionamiento)
JS = Interactividad. (Envío y manejo de datos, como los presentes en el botón de enviar)

Aunque HTML y CSS no son lenguajes de programación, JS sí lo es.

Cualquier editor de código puede ser usado para crear este tipo de archivos .html, .css, y .js (Para HTML, CSS, y JS respectivamente), puede usarse Sublime, Notepad++, VS Code, Atom, el editor de Github, esto debido a que el único que se encargará de procesar el código es el navegador.

Bastante resumido y sencillo.

HTML: Es la estructura de la página web. Es decir, cuando creamos una página web le añadimos los elementos que van a aparecer como imágenes o textos.
A nivel técnico es un lenguaje de marcado que usa etiquetas para crear cada elemento de una página web.
CSS: Es el estilo que le aplicamos a cada uno de los elementos creados previamente en el HTML. Por ejemplo, le añadimos a los párrafos un color al texto, una tipografía, un tamaño.
En CSS se usan los «selectores», que seleccionan (valga la redundancia) etiquetas de HTML, para añadirle una serie de propiedades y aplicarle el estilo.
Javascript: Generalmente (y de forma muy básica) se conoce como la animación que suele aparecer en una web. Por ejemplo: hago click en un párrafo y el párrafo desaparece o cambiar de color.

¡Oye! tú que me estás leyendo. Ánimo, hoy empiezas a cambiar tu futuro y el de tu país. Rendirse es para los mediocres. Con toda!

Freddy es una de las pocas personas con las que no te aburres al aprender 😃

Resumen de clase:

HTML, CSS y JavaScript son los tres complementos que son la base para crear aplicaciones web

HTML: Es donde se establece la información o el argumento del documento.
Su tipo de extensión de archivo es .html o .txt

CSS: En el se fórmula el diseño del documento, se encarga de todo lo relacionado con la parte visual y estética, (es todo lo bonito).
Su extensión de archivo es .css

JavaScript: Es el lenguaje a cargo de hacer todo lo ejecutable o interactivo, nos permite crear los sitios web.
Su extensión de archivo es .js

Al final el navegador es el encargado de interpretar todos los lenguajes.

HTML : información en pantalla
CSS: diseño de lo que vemos
JS: interactividad del sitio
Todo interpretado por el navegador

HTML, CSS y JavaScrip son los tres lenguajes que son el centro de crear aplicaciones web, JS es el lenguaje que funciona en los navegadores para crear sitios web interactivos, mas no hay que olvidar que los navegadores tienen otros 2 lenguajes que no son de programación.

HTML no solamente es un lenguaje no solamente es un lenguaje si no es un archivo trabajamos, dentro de HTML podemos crear otros 2 lenguajes que son CSS y JS, HTML es el lenguaje donde se define la información (No es un lenguaje de programación), en CSS tenemos el diseno de nuestro documento, y por ultimo, el lenguaje que es interactivo y que hace posible programar, es realmente interactividad.

–Diferencia entre programación e interactividad:
programación es código que escribes para que nuestros computadores, teléfonos o tables hagan algo, interactividad es que hagas algo con el computador y ocurra una acción. La interactividad es el resultado de la programación. HTML <b>NO</b> tiene interactividad, CSS <b>NO<b/> tiene interactividad, solo JS tiene interactividad

<b>NOTA</b>

Se puede hacer interactividad con CSS y HTML pero es un tanto extraño ya que no es muy comun, usualmente HTML e para estructurar la información, CSS es para diseñarla y JS es para hacer interactividad con esa información.
Hablando de como crear tu codigo puedes crearlo con cualquier editor excepto Word, debe de ser un editor de texto plano, que no tenga formato, para ello hay distintos editores de texto, como atom, sublime text, etc.

el Browser(navegador) es el que interpreta tu codigo HTML, CSS y JS, pero debes tener en cuenta que si intentas abrir un archivo CSS o JS lo abrira como texto plano, esto sucede porque el navegador no entiende dichos archivos si no, forman parte de un archivo HTML, esto quiere decir que es el archivo HTML el que interpreta el navegador.

Html es la estructura
Css es la estetica
Javascript es la interacción
Como una analogía
Html sería los sistema óseo
Css sería el sistema tegumentario, y
Javascript seria el Sistema Nervioso

Quisiera dar una Retroalimentacion de la primera clase, pareciera que se rompio un gran paradigma, todos los cursos en Youtube empiezan con un _“Hola Mundo” _Freddy empieza con vamos a jugar con la consola de Chrome, ves es divertido… Jajaaj Excelente amigo, buen material.

hola soy de argentina tengo 33 años mi pregunta es soy demasiado viejo para a prender programacion

Deberían ofrecer diferentes calidades de resolución en los videos. Al menos ofrecer una menor calidad para aquellos que no tiene acceso a un internet muy rápido.

HTML → Lenguaje de marcado de texto.Se define el texto.
CSS → Lenguaje de estilos en cascada. Diseño del documento.
JS → Es el que hace que todo sea interactivo. Es el que interpreta el navegador.

Es primera vez en mi vida que hago esto, no se por que, pero me gusta y espero no desanimarle por considerarme viejo para esto (49 años). La primera vez que busque por internet sobre este tema y el primer video fue Fredy Vega donde explicaba sobre programación on pokemon o picachú, no entendía un carajo, pero aún así lo seguí víendo por que da gusto ver a Fredy enseñando.

este curso gratis tiene certificado?

Muchas gracias por explicar todo esto y por romper esas ideas falsas.

Estoy estudiando ing en sistemas computacionales y muchos de mis compañeros no entienden bien los conceptos basicos. Freddy explica mmuy claro, creo que les sera de mucha ayuda recomendarles que hagan este curso gratis

Nunca es tarde para aprender 😉

Es decir HTML= contiene a CSS y java script ?
Css se encarga de toda la apariencia y Java script de las acciones que podemos realizar en conjunto con un servidor?

NUNCA OLVIDAR: " EL QUE REALMENTE ABRE ESTO ES EL BROWSER(BUSCADOR)"

Que bello ver que hay tanta gente que quiere aprender a programar
Serán grandes programadores

html seria como los huesos de tu pagina, la piel y belleza estaria en css y la logica, interactividad o los sentidos serian javaScript, solo el html es interpretado por el browser, navegador.

HTML: necesario para poder poner toda la información, todo el contenido sin formato CSS: tipografía, acomodo de información, sin el no estaría organizada la información JAVASCRIPT: interactividad de la página, se encarga de hacer funcionar los elementos de la página

Para alguien que inicia hoy el mundo de la programación, esta información es demasiado clara, de maravilla!

Llego aquí luego de haber visto otro curso de “Programación Básica” de otra escuela y realmente la diferencia que hace una buena explicación es increíble. Gracias por hacernos ver todo más sencillo Freddy.

Excelente forma de explicar.

esto fue de hace en 2016 y 4 años mas tarde es mas conocido

<gracias^-^>

HTML, CSS y JavaScript son los tres lenguajes que están en el centro de crear aplicaciones web, en este curso vamos a enseñarte principalmente JavaScript.

Vemos cada uno:

HTML (lenguaje de marcas de hipertexto), es el lenguaje donde se define la información o el contenido del documento, el formato de los archivos es .html
HTML no es un lenguaje de programación, lo que podemos encontrar en HTML es información.

CSS (cascading style sheets), el lenguaje donde se especifica el diseño del documento, maneja todo lo relacionado con la parte visual, el formato de los archivos es .css
CSS es el diseño de la página web.

JavaScript, el lenguaje que hace que todo sea interactivo, es realmente el lenguaje de programación que nos permite crear sitios web, el formato de los archivos es .js
JavaScript es interactividad, lo que nos ayuda a interactuar.

El que realmente interpreta estos lenguajes es el Navegador.

TIP: Se puede escribir CSS y JavaScript dentro de HTML, los profesionales normalmente escriben esto por separado.

¿Cuál es la diferencia entre programar e interactuar?
La programación es código para que los aparatos electrónicos hagan algo. Interactvidad es que tu hagas algo con el aparato y ocurra alguna acción en consecuencia.

Ejm:
Cuando escribo en mi computador en el teclado, en la pantalla empiezan a aparecer las letras, esto quiere decir que detrás de que estas letras aparezcan en la pantalla hay códigos que ayudan a procesar lo que está pasando, en este momento yo estoy interactuando con el computador.

HTML = No tiene interactividad.
CSS = No tiene interactividad.
JavaScript = Sí tiene interactividad con la información de HTML.


La interactividad es el resultado de la programación.

¿Qué editores de códigos hay?
- Atom
- Sublime Text
- Visual Studio

¡EL EDITOR TIENE QUE SER DE TEXTO PLANO (.txt)!


¿Quién se encarga de interpretar el código/texto?
• El BROWSER o el NAVERGADOR.

Si intentas abrir un archivo .css o .js el navegador lo va a mostrar como texto plano, ya que el navegador no entiende CSS ni el JavaScript si están solos, requieren de un HTML. Esto quiere decir que el navegador solo interpreta .html y dentro de éste se puede poner el .css y el .js y el navegador los va a leer sin problema.
Normalmente lo que hacen los profesionales es crear por separado el HTML, CSS y el JS para después juntar los CSS y el JS en el HTML a través de código, así tienen cada uno de estos separados en diferentes carpetas.

Sos un capo Freddy 😃

Aqui dando un repaso una ves mas.

Podríamos decir de una forma metafórica, llevando estos conceptos de programación a algo “simple” como si quisieras construir una casa:

  • Infraestructura, columnas, paredes, techo… = HTML
  • Pinturas, objetos, adornos, muebles, tapicería… = CSS
  • Puertas, ventanas, sistemas de electricidad, gas… = JavaScript

P.D: Que alguien me corrija si no es así o estoy entendiendo mal, saludos 😃

Hola, si estas aca por la carrera de Fundamentos de Programación. Nos vemos al final del Curso 😄. Estaré compartiendo mis apuntes a lo largo del curso y al final dejaré un link con todos mis apuntes de este curso. Nos vemos del otro lado 😉

RESUMEN:
HTML: Estructura Básica de la Pagina, en el se refleja toda la informacion.
**CCS: **Interfaz gráfica (Diseño/Estilos)
Javascrip: Lenguaje de programación que se encarga de realizar las operaciones lógicas.-

Html: Estructura del sitio web
Css: Diseño del sitio web
Js: Interactividad a nuestro sitio web

¡Si es posible! y pensar que grandes empresas empezaron con tutoriales como estos.

Una manera más simple:
HTML__ Esqueleto
CSS___ Cuerpo
JS_____ Neuronas de conexción.

HTML: Maquetación.

CSS: Estilo de la maquetación (colores, tamaños, formas, etc).

JavaScript: Se ejecuta para solicitud de información de forma asincronica con el servidor (para solicitar info. de la base de datos, por ejemplo). Aunque su funcionalidad es muy versátil


Creo que por fin, encontré la ciencia de las páginas web.
HTML: (No es un lenguaje) es un archivo con la información. Es el documento que estructura la información.
CSS: Hoja de estilo en cáscada: es el diseño - qué se vea bonito.
Javascript: (Lenguaje) - la interactividad - lo que vamos aprender.
Nota: Lo más importante: los archivos (.html) sólo son interpretados por el Navegador.

Que desgracia vivir en Venezuela y llevar más de una semana esperando a que cargue este video😠

ol

JS hacia el FUTURO!

Excelente información resumida sobre HTML/CSS/JS

Las diferencias entre cada uno son:
Html: Informacion
Css: Contenido
Javascript: Interactividad

muy buena la forma en la que explica

¿puedo utilizar sublime text para hacerlo?

Con profesores así, si dan ganas de seguir apreniendo

HTML, información
CSS, diseño
JS, interactividad

Nmms le entendí mas a el que a mi profe de 2 semestres atrás

HTML = Texto
CSS = Diseño
JavaScript = Interactividad

HTML - Información
CSS - diseño
JavaScript - interactividad

Resumen de la clase

HTML -> Información, contenido del documento
(NO es un lenguaje de programación)

CSS -> Diseño

JS -> Interactividad (La magia de programar)

Diferencia entre interactividad y programación
Programación -> Código para que los dispositivos hagan algo
Interactividad -> Tú haces algo y ocurre alguna acción

Ejm.: Dibujar en la tablet. Hay un lenguaje de programación que identifica el lapíz al tocar la pantalla y otro de interactividad que permite dibujar según se trace en la pantalla
Entonces, la interactividad es el resultado de la programación

En resúmen
HTML -> Es todo; el título, contenido, foto, formulario
CSS -> Es el tamaño, los colores, posiciones; la forma visual de los objetos de HTML
JavaScript -> El verdadero lenguaje de programación; controla y detecta errores, los envía a otros sitios

.html, .css, .js = .txt

! no se puede programar en word

  • Puedes hacer códigos en cualquier editor de código
    , El navegador es quien interpreta el código

OJO: El navegador no entiende CSS y JS. Lo interpretará como texto plano, he ahí que requiere de un .html

Dentro del HTML puedes colocar html, CSS y JS

Los profesionales crean un html con los 3 (html, css, js) y luego crean un html para posteriormente crear un .css y .js y vincularlos con html a través de código.

Dejo mis apuntes por aqui, espero les sirva 😃


Lo que aprendí, cómo lo entendí:

  1. HTML = INFO, ESTRUCTURA

    • le dice al navegador qué mostrar
  2. CSS = FORMATO, PRESENTACIÓN

    • le dice al navegador cómo mostrarlo
  3. JS = FUNCIONALIDAD, COMPORTAMIENTO (programación e interactividad)

    • le dice al navegador cómo actuar
  • Programación = qué hacer

  • Interactividad = cómo “responder” al usuario

Es como nuestro cuerpo

HTML: Es el esqueleto y nuestro órganos.

CSS: En que posición queremos nuestro órganos, tamaños o color.

JavaScript: Es para movernos

les quiero compartir que estoy muy emocionado, hace mucho que quiero aprender a programar y sigo a platzi desde como 3 años.
Y ya por fin después de mucho ahorrar estoy empezando con lo básico y después a pagar el plan expert, espero ser parte de esta hermosa comunidad, les mando un fuerte abrazo

Escriban en la pagina blank esto

<style>
Body {
Backgroundcolor : red ;
}
</style>

Esto es css dentro de html

Toda mi vida engañado pensando que HTML y CSS eran lenguajes de programación

❤️ Me encanta como explica Freddy, ¡Gracias!

no me carga = (" triste ");

Me encanta regresar a repasar estás clases🤩

Y yo que decia que html y css si era programacion :c

ME GUSTA… SI ASI SON TODOS LOS CUSOS LOS PAGARE.

ERES SUPER CLARO.

ohhh…creí que solo a mi me pasaba …pero no deja reproducir el video…

aora si cargo jajaja. piche Venezuela

¡Maravilloso Freddy!, temo no dormir por estar enganchado en el curso :u

no puedo ver el video, no se reproduce como puedo hacer ?

Hola el video #2 no me carga. los demas videos si funcionan bien.

en resumen

HTML es como se va a organizar.
CSS es como se va a ver.
JavaScript es lo que puedes hacer.

el css seria a profundidad frontend y java seria backend?
duda