124

¿Qué sigue después de aprender HTML y CSS?

42984Puntos

hace un año

Curso Práctico de HTML y CSS
Curso Práctico de HTML y CSS

Curso Práctico de HTML y CSS

¡Desarrolla un clon de Google con HTML y CSS! Pon en práctica todo lo que sabes de posicionamiento, modelo de cajas, tipos de display, selectores, flexbox y CSS Grid junto a tu profesor Diego De Granda.

HTML y CSS son tus primeros pasos para aprender desarrollo web profesional. Pero ¿qué sigue en este camino si quieres conseguir tu primer trabajo en esta industria? A continuación tendrás una lista de aprendizajes que debes obtener para conseguir tu primer trabajo como desarrollador o desarrolladora web.

Pero vamos, hablar de lista de aprendizajes es demasiado aburrido, así que ¿y si nos imaginamos una época medieval donde debes escoger las mejores armas para llegar al castillo y vencer al dragón? Hagámoslo.

inicio.png

¿Qué sigue después de aprender HTML y CSS?

1. Colócate tu armadura de JavaScript

Aprende los conceptos clave del lenguaje que te ayudará a crear páginas web dinámicas y únicas. JavaScript le da ese toque mágico a las páginas web estáticas: añadiéndole interactividad.

Lo más impresionante de este lenguaje es que puede ser usado desde el backend hasta el frontend, como una armadura que te protege de cualquier ataque.

javascript.png

2. Afila tu espada con Responsive Design y Mobile First

La mejor manera de practicar HTML y CSS, además de crear tus propios proyectos personales, es aprendiendo y usando los principios de Responsive Design y Mobile First.

Hoy en día es muy común el uso de los teléfonos móviles para estar en internet. Por esa razón debes crear sitios web que se adapten al formato vertical de los celulares.

responsive_mobile.png

3. Ármate con Chrome DevTools

No te conformes con “console.log”, yo sé que lo usas para saber cuándo se rompe tu código o para identificar posibles fallas en tu web. Pero hay muchas más herramientas eficientes que te ayudarán a detectar estos errores.

Aprender a usar el arsenal de armas de Chrome DevTools te dará una ventaja laboral increíble. Además de que te ahorrará muchísimo tiempo desarrollando.

devtools.png

4. Domina GitHub y conviértelo en tu compañero fiel

Git y GitHub intimidan si nunca los has usado. Pero dominarlo es muy simple, partiendo de que en lugar de guardar miles de versiones de un mismo archivo, hay un sistema que guarda solo esos cambios sin generar miles de copias de un mismo código.

Usar Git Y GitHub es necesario para desarrollar páginas web con un equipo de trabajo. Aprender esto es esencial si quieres entrar en las empresas y startups más importantes del mundo.

github.png

5. Elige tu escudo: Angular, React y/o Vue

Estos tres son los frameworks o librerías más populares para desarrollo web. Cada uno tiene sus ventajas y sus desventajas dependiendo del proyecto que desarrollarás, y ninguno es mejor que otro.

Cada escudo te dará habilidades especiales para que cuando programes seas más eficiente y rápido creando páginas. Desde reutilización de código, estructuración eficiente de código, renderización desde el lado del servidor y más.

escudos.png

En resumen:

  1. Familiarízate con los conceptos importantes de JavaScript
  2. Crea páginas usando los principios de Responsive Design y Mobile First
  3. Usa herramientas avanzadas de depuración de bugs (Chrome Devtools)
  4. Domina GitHub
  5. Elige aprender Angular, Vue y/o React

¿Dónde empezar?

Para empezar a conquistar, domar dragones y entrar al trabajo que quieras, debes aprender y practicar desarrollo web profesional. Esto lo puedes hacer entrando al Curso Práctico de HTML y CSS.

No te pierdas estas 3 formas distintas de hacer un corazón con CSS, dale un toque diferente a tu sitio web.
fin.png

Curso Práctico de HTML y CSS
Curso Práctico de HTML y CSS

Curso Práctico de HTML y CSS

¡Desarrolla un clon de Google con HTML y CSS! Pon en práctica todo lo que sabes de posicionamiento, modelo de cajas, tipos de display, selectores, flexbox y CSS Grid junto a tu profesor Diego De Granda.
Juan Felipe
Juan Felipe
vistoporjuan

42984Puntos

hace un año

Todas sus entradas
Escribe tu comentario
+ 2
Ordenar por:
7
26228Puntos

Excelente aporte muchisimas gracias por compartir esta informacion este super interesante y nutritiva, actualmente estoy con python como backend en django pero en algun momento quiero entrar al fronted y este post esta de lujo.

3
42984Puntos
un año

¡Qué bueno que te haya gustado el post! 🙌

5
4658Puntos

Excelente información y más aún con el ejemplo de la época medieval ❤️

3

¡Muy bien! Ya voy comenzando con JavaScript y sigo practicando con HTML y CSS para continuar aprendiendo más trucos. Será un camino largo y difícil, pero sin duda se puede lograr

2

Simplemente, Muchas Gracias! Me sirvió como una gran guia

2
34476Puntos

Este puede ser uno de mis blogs favoritos de platzi, tanto por sus ilustraciones como su narrativa. Excelente

2
16711Puntos

Me encanto este blog.

2
38042Puntos

Muy buen Post @JuanFelipe!
Yo me encuentro estudiando JS y tengo pensado usar el escudo de React 😅
Qué buena forma de trazar un camino de aprendizaje.
Un saludo y #NeverStopLearning!

2
42984Puntos
un año

¡Gracias, Joel! React es bastante interesante, ¿Ya empezaste algún curso de este framework?

0
38042Puntos
un año

Aún no @vistoporjuan
He estado muy atareado con la universidad.
Pero el objetivo sigue en pie 😄

2
2864Puntos

Buena Ruta, nos ayuda a tener un plan ya programado y enfocarnos en aprender, gracias!

2

Buenisimo aporte amigo, espero poder conseguir todas las ramas necesarias para ser un desarrollador web. Grasias por el aporte

2
3951Puntos

Perdón la pregunta boba, pero si quiero aprender Python y no se nada de programación, aprender javascript y css me ayuda en algo?

2
18320Puntos
un año

Ninguna pregunta es tonta. En mi caso estoy haciendo lo posible en aprender JS y Python, agregado a eso estoy haciendo el curso de CSS. Creo que conocer de ambos lenguajes de programación y aprender CSS siempre te va a ayudar, aunque dependera hacia donde quieres dirigirte. Desarrolllo web o Ciencia de datos

2

¡¡¡A aprender HTML Y CSS !!! 😃, ¿quien esta conmigo 👍😎?

2

Me encanto la forma de explicarlo!, Excelente forma de ruta.

2
2317Puntos

Excelente aporte
Felicidades!!! 😃

2
16492Puntos

Excelente, una orientación mas para poder saber donde ir, muchas veces nos pasa que de tanta información y cursos no sabemos a donde queremos llegar, por lo que es bueno contar con este tipo de aportes que nos centran un poco

2
17279Puntos

¡¡Que creativa forma de trazar una ruta!! • 🙌

2
15373Puntos

Hola, estoy aprendiendo JavaScript ya aprobé el curso básico y ahora estoy con ECMAScript 6+, también hice el curso básico de algoritmos y pensamiento lógico, este último me ayudó un montón a entender cómo es que funciona realmente en la práctica la programación. Uno de los principales desafíos con los que me he topado estas últimas semanas es ¿cómo poner en práctica toda esa teoría y líneas de código que he aprendido? Es allí donde me siento con un avance mucho más lento. Me encantaría que existieran (o me recomendaran) cursos prácticos de JavaScript básicos donde pueda pulir mis habilidades en proyectos reales así como existen en HTML y CSS… Gracias!! 💪🏽💪🏽💪🏽

2
42984Puntos
un año

Podrías seguir la Escuela de JavaScript, durante el curso hay un proyecto que se llama “Platzi Video” y es superbueno para poner en práctica los conocimientos en JavaScript, te lo recomiendo 😃

1
15373Puntos
un año

Gracias Juan, estuve viendo algunos que me recomendaron unos compañeros pero me parecen muy avanzados aún jaja así que le daré un ojo a la escuela de JavaScript. Gracias!

2
18320Puntos

La información super importante y le agregas la metafora de cazar dragones lo hace aun más genial. Gracias y excelente todo

2
4183Puntos

Amigo te felicito, admiro el talento y creatividad que tienes para redactar y sobre todo la sensibilidad de querer que públicos objetivos no familiarizados con el tema, podamos comprender.
Genial el aporte, saludos

1
42984Puntos
un año

¡Muchas gracias por el mensaje, Miguel! 😃

2
17248Puntos

¡Que increíble blog!
¿Se puede guardar en mi perfil o algo por el estilo? XD

0
38042Puntos
un año

Podrías ponerlo como Pin en tu navegador o en marcadores para tenerla siempre a la mano.
Mucho éxito 😄

0
42984Puntos
un año

Aún no hay una opción para eso, pero es una excelente sugerencia. La llevaré al team 💚

2
11635Puntos

Excelente artículo!
Gracias por el aporte!

2
2506Puntos

Excelente información!!

2
7968Puntos

Muy buen artículo. La forma de presentarlo da ganas de leerlo (me lo leí todo y eso que yo si mucho reviso por encima algo que estoy leyendo jaja)

2
13305Puntos

Excelente y justo para mí que acabo de terminar maquetación en css y no sabía a dónde ir al 100%, además muy bonitos diseños con la temática narrativa

2
7163Puntos

Gracias por el aporte. Muy interesante y divertido. YA VAMOS CON TODO EN EL CURSO DE HTML Y CSS. Saludos.

2

Muy buen aporte, recomendado para aquellos que apenas comienzan.

2
2434Puntos

Qué gran aporte para aquellos que estamos comenzando en el mundo del desarrollo!

2
42984Puntos
un año

¡Genial! ¿Con cuál curso estás comenzando? 😃

1
6001Puntos

Interesante analogía, me gustó, la gamificación (o diría la “ludificación”) del aprendizaje nos facilita la vida. Vamos a darle.

1

Qué lindo y útil fue leer eso!! Estoy lista para la conquista y empezar a domar dragones. 🐲🐉⚔

1
57Puntos

buen post así, si dan ganas de aprender!!

1
10093Puntos

Yo tuve el orden de mi crecimiento un poco diferente:

  1. Dominar GitHub
  2. Responsive Design y Mobile First
  3. Javascript
  4. Frameworks (En mi caso elegí Angular)

No uso las “Chrome Devtools”, no sé si valen la pena (Igual no sé de qué tratan, así que no puedo opinar mucho)

En fin, el articulo está bueno. Tiene todo lo que yo quería saber cuando inicié. Definitivamente una gran guía.

1
52Puntos

Afila tu espada de diseño o Usa tu armadura de javascript
Si quieres aprender mas de desarollo sigue con javascript
Pero si te gusta mucho el diseño
Bosstrap es buen opcion:D

let nombre = promt('Ingresa tu nombre wapo: <br>');
console.log(`Sigue aprendiendo ${nombre}`);
0
42984Puntos
un año

Cierto, Bootstrap es una muy buena opción para seguir la línea de frontend. 😃