Cómo aprender el desarrollo front-end (lo básico) en una semana

Gracias por el A2A,

A diferencia de otras respuestas, intentaré no publicar enlaces aleatorios sobre tutoriales y cursos.

Piense en un sitio web que desee construir, suponiendo que sepa todo sobre el desarrollo front-end.

Empecé de manera similar. Quería crear un sitio web para álbumes de música (mi primer sitio web estático)

Día 1 :-

Aprenda comandos HTML básicos y sepa cómo funcionan las cosas. Para empezar, nada supera a W3School.
Comience con los conceptos básicos de HTML y comprenda hasta el capítulo de iframes (para introducción)

Estarás listo con HTML en una mañana.

Nuevamente, regrese a W3School y solo comprenda cómo
> Cómo funciona css
> Comprende su sintaxis
> prueba algunos

Si está completamente satisfecho de tener un conocimiento básico sobre la sintaxis de CSS y está funcionando con HTML, finalice su aventura CSS.

Un estudiante altamente entusiasta estará listo con una comprensión básica de CSS en una tarde

Ahora pase la noche planeando cómo desea que se vea su sitio web.
Inicialmente, solía dibujar mi página web en mi bloc de notas.
Busque algunos sitios web relacionados con el sitio web que desea crear. Reúna ideas y diseños y finalmente elabore el sitio web que desea diseñar.

¡Ve a dormir!

Dia 2 :-

Levántate y comienza a codificar.
Escriba la estructura del sitio web que desea construir con HTML. Haz referencia a cualquier cosa desconocida de la web.
Llevar a CSS.
Ahora, en este punto, no estaría familiarizado con muchas cosas que podría necesitar escribir en su archivo CSS para su sitio web.

El mantra de éxito de un desarrollador es saber qué buscar exactamente en Google

Búscalo. Seguramente encontrarás tu respuesta. No copie y pegue la solución.
Comprender y escribir el bloque de código desconocido.

Esta parte del desarrollo del sitio web llevará tiempo.
Pero te lo prometo, vale la pena. El resultado final te dejará educado en CSS con experiencia práctica.

Tomará todo el día 2.

Día 3 :-

Haz que responda.
Lea sobre el diseño receptivo e intente implementarlo en el sitio web que creó.

Pase el resto de su día aprendiendo sobre la capacidad de respuesta e implementando lo mismo en su sitio web.

Por la noche, comience con JavaScript.
Comience con lo básico. Visita codeacademy. Te llevará toda la tarde completar todo si eres lo suficientemente diligente.

Día 4 :-

Presiona khanacademy nuevamente, esta vez para aprender sobre Dibujos y Animación usando Js.

Una vez que haya terminado de seguir el tutorial, regrese al sitio web que estaba creando. Vea qué más puede agregar a su sitio web con su conocimiento recién adquirido.

Felicidades. Aprendiste conceptos básicos del desarrollo frontend.

Pasa los tres días restantes alardeando de tus conocimientos y habilidades recién adquiridos para tus amigos.

Hay más en el desarrollo frontend de lo que podría desear aprender en una semana: lo que quiero decir es HTML, CSS y Javascript, los tres grandes idiomas y componentes básicos para el desarrollo frontend, son completamente diferentes y tomarán tiempo, experiencia, prueba y error para acostumbrarse. Sin mencionar el descubrimiento de mejores prácticas para escribir un buen código. ¡Esto no pretende ser desalentador, sino solo para establecer sus expectativas para que no se desanime si no puede crear Facebook en una semana!

Sin embargo, si desea saber lo suficiente para construir un sitio web estático extremadamente básico, puede ir a Codecademy: aprenda a codificar, interactivamente, de forma gratuita, tome la clase HTML y CSS, y sabrá lo suficiente para construir un poco algo 🙂

Después de tomar las clases y comenzar a construir, definitivamente tendrá más preguntas. Para eso, mire HTML y CSS aquí: Tutoriales web en línea de W3Schools.

Para avanzar, este breve video es, con mucho, el mejor resumen de lo que necesita saber y el orden en que debe aprender las cosas, para la web:

No puedes

Lamento ser franco, pero hay mucho que aprender, incluso en términos de “conceptos básicos”. Tienes que aprender 3 idiomas: HTML, CSS y JavaScript. Para cada uno de estos , necesita una cierta medida de práctica antes de poder absorber lo que ha aprendido. Eso significa unos días para retomar los conceptos básicos, así como la sintaxis del lenguaje, y luego unas semanas de aplicación práctica para reforzar el material en su cabeza. En total, sería afortunado de superarlo en 3 meses (a menos que tenga una memoria eidética).

No creo que aprendas mucho en una semana.

Le recomiendo que lea una respuesta que proporcioné anteriormente:

La respuesta de Vlad Tepes a Quiero ser desarrollador web front-end. ¿Donde debería empezar?

Espero que esto ayude, buena suerte

More Interesting

Acabo de comenzar a aprender HTML, pero ¿cuál es la diferencia entre las etiquetas y ?

Aprendí un poco de HTML y CSS, por lo que puedo escribir código básico. Pero, ¿cómo llego mi código al sitio web? FTP? ¿Lo escribo en mi sitio web?

¿Puedo hacer una carrera como desarrollador web? Tengo 29 años y tengo un título de PG irrelevante en ciencias. He creado mi propio sitio web en PHP por experiencia, tengo conocimiento del marco MVC y he diseñado plantillas receptivas en Bootstrap.

¿Cómo usar Python para el desarrollo web? ¿Cuáles son las herramientas y las metodologías utilizadas?

Quiero hacer un sitio similar a LinkedIn. Sin embargo, no estoy seguro de los pasos que necesito para hacer esto. ¿Alguien puede ayudarme con un punto de partida para esto?

Si escribo un procedimiento MySQL, ¿cómo lo pruebo sin PHP?

Tengo una idea de red social para bancos, prestatarios y tiendas en línea. ¿Puede algún desarrollador web experto cofundar esto?

Cómo hacer una superposición de carga usando jQuery y CSS que solo se cierra cuando se completa la carga

Sabiendo cómo programar en, entre otros, HTML 5, CSS 3, JavaScript, jQuery, Bootstrap 4, PHP, MySQL y Python, quiero comenzar con el desarrollo web independiente. Tengo 15 años. ¿Debo mencionar mi edad a clientes potenciales?

Cómo crear un complemento jQuery

Soy nuevo en PHP y MySQL. ¿Cómo almaceno y visualizo archivos en una base de datos desde otra base de datos?

Si creara una aplicación móvil o web que sirviera a más de 5 millones de personas, ¿cómo haría para diseñar una aplicación de este tipo?

Si quiero un fondo animado / de video para una página web, ¿debo usar Flash o HTML5? ¿Cuál tiene los menores problemas de compatibilidad?

Estoy planeando solicitar un programa de pasantía y capacitación para desarrollo web. ¿Qué debería aprender allí para construir un sitio web con tendencia moderna?

Quiero aprender a diseñar sitios web desde cero. ¿Qué debo aprender y en qué orden? Tengo conocimientos básicos de HTML y JavaScript.