98

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

35512Puntos

hace 3 meses

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

Curso Práctico de HTML y CSS

Ahora que ya tienes todos los conocimientos de HTML y CSS, estás listo para este curso práctico en el cual tendrás un reto: clonar la página de Google. Reforzarás conceptos como posicionamiento, modelo de cajas, tipos de Display, selectores como clases, IDS, Flexbox y Grid.

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.

fin.png
Curso Práctico de HTML y CSS
Curso Práctico de HTML y CSS

Curso Práctico de HTML y CSS

Ahora que ya tienes todos los conocimientos de HTML y CSS, estás listo para este curso práctico en el cual tendrás un reto: clonar la página de Google. Reforzarás conceptos como posicionamiento, modelo de cajas, tipos de Display, selectores como clases, IDS, Flexbox y Grid.
Juan Felipe
Juan Felipe
vistoporjuan

35512Puntos

hace 3 meses

Todas sus entradas
Escribe tu comentario
+ 2
Ordenar por:
6
21635Puntos

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
35512Puntos
3 meses

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

4
3192Puntos

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
1008Puntos

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

2
35512Puntos
3 meses

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

2
7711Puntos

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

2
8368Puntos

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
14488Puntos

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
4222Puntos

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

Muy buen aporte, recomendado para aquellos que apenas comienzan.

2
4740Puntos

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

2
2556Puntos

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
35512Puntos
3 meses

¡Muchas gracias por el mensaje, Miguel! 😃

2
805Puntos

Excelente información!!

2
22424Puntos

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
35512Puntos
3 meses

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

0
22424Puntos
un mes

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

2

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

2

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

2
5435Puntos

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

0
22424Puntos
3 meses

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

0
35512Puntos
3 meses

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

2
12861Puntos

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

2
6168Puntos

Excelente artículo!
Gracias por el aporte!

2

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

2
1139Puntos

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

2
10768Puntos

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
35512Puntos
3 meses

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
10768Puntos
3 meses

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
2089Puntos

Excelente aporte
Felicidades!!! 😃

2
2957Puntos

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
7711Puntos
3 meses

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

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
35512Puntos
3 meses

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

1

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
57Puntos

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

0
5842Puntos

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