Cómo aprender el desarrollo web front-end a través del auto estudio.

Este es el momento adecuado para que te pongas en marcha. Comience con lo básico y recuerde que la práctica es la clave para dominar cualquier cosa y lo mismo ocurre con el desarrollo web.

Tenga en cuenta lo siguiente antes de comenzar:

  • Le sugiero que no dependa demasiado de un IDE desde el principio.
  • Practicar en un bloc de notas le ayuda a recordar la terminología correcta (clases, propiedades de estilo, etc.).

Ya que aspira a sobresalir en el desarrollo web front-end, asegúrese de estar bien versado en estas tecnologías:

  1. Además de los conceptos básicos, es decir, HTML, CSS JS (JavaScript) mejora la funcionalidad del desarrollo Front-end a un nivel superior.
  2. Se requiere una combinación de las tecnologías mencionadas también conocidas como marcos front-end. Algunos de los marcos famosos como Foundation, Bootstrap, Materialize CSS.
  3. Como JavaScript es la columna vertebral para el desarrollo de front-end, dio lugar a la formulación de varios Frameworks JS que le proporcionan mejores características.
  4. Algunos frameworks populares de JS incluyen JQuery, Angular JS y React JS.
  5. GIT es otra tecnología importante que ayuda en la gestión del control de versiones y el desarrollo sincronizado cuando se trabaja con un grupo.

Recursos útiles:

  1. CodeAcademy
  2. Un canal de YouTube con el nombre de Traversey Media.
  3. Academia Khan.
  4. Además de los recursos, navegue por GitHub para encontrar algunos proyectos asombrosos de código abierto sobre las tecnologías para el desarrollo de front-end GIT LINK.
  5. Asegúrese de leer las referencias de W3Schools para JS y los ejemplos que proporcionan una amplia exposición en los métodos de JS.

Aunque hay muchos recursos, necesitamos usarlos adecuadamente y, como dije, la práctica es la clave. Saber todo esto no ayudará. El trabajo manual te ayudará a reunir suficientes habilidades para obtener un trabajo en un inicio.

¡Todo lo mejor!

No1 tuvo éxito siguiendo lo que otros siguen en su vida. Trate de encontrar algunas formas que la mayoría de las personas no siguen.

Si quieres ser un desarrollador, sea cual sea el campo, trata de aprender la tecnología.

Ahora vamos a señalar cómo puedes aprender ciertas cosas sobre el desarrollo web.
Ver desarrollo web no es como aprenderlo a través de un sitio web o un blog. Para aprender desarrollo web necesitas tener la curiosidad. Tu pregunta esta qstn significa que tienes esa curiosidad.

Ahora que debes hacer ???

Paso 1: Selecciona lo que quieres aprender en Desarrollo Web. Ya sea desarrollo frontend o desarrollo backend.

Step2: Frontend

  1. Supongamos que elige la interfaz que incluye el aspecto y el campo que vemos en el monitor, es decir, lo que vemos en el sitio web, lo que vemos (color, diseño, diseño, patrón, caja, estilo, cuadrícula, etc.) es la interfaz. Incluye HTML, CSS, Javascript. Hay muchas tecnologías, pero estos tres son los fundamentos de Frontend.
  2. Ahora cómo aprender estas cosas. Tienes tantas opciones …
  1. Este es el proceso de aprendizaje.
  1. Vaya a Mozilla Developer Network o Chrome Developer Tools. Como seguir profesionales en lugar de profesores.
  2. Ahora puedes aprender de sitios como Learncode. Academia (siga el canal de You Tube de esta persona, tiene más de 15 años de experiencia en desarrollo web), Code.org, punto de tutoriales, etc. para obtener más información sobre sus dudas.
  3. Una vez que sepa que los conceptos básicos se ponen en marcha con el desarrollo de aplicaciones para usuario, comience a crear algo. Es la única manera de mejorar sus habilidades.
  4. Una vez que entiendas la mayoría de las cosas asombrosas, entonces trata de descargar algunas plantillas y trabaja en eso. Hay un montón de plantillas disponibles de forma gratuita, puedes aprender muchas cosas. Descargue la plantilla y use cualquiera de los editores como (texto sublime, o corchetes (mi favorito), o IDE (elipse / Dreamweaver (mi favorito)), etc.

Step3: Backend

  1. Llegando al final, todo su mundo diferente.
  2. Asegúrate de obtener conocimiento con un conjunto de habilidades particular de desarrollo de vanguardia y luego solo salta al back-end, si quieres ser un desarrollador de pila completa, de lo contrario, saber que solo html está bien.
  3. Los lenguajes back-end son PHP, JAVA, .Net, Python. Tengo experiencia práctica en PHP y Python (actualmente estoy trabajando en).
  4. Ahora, saltando a cualquier lenguaje de fondo, asegúrese de que conoce los conceptos básicos de la programación. Una vez que estés listo para ir, entonces aprende las cosas. No puedes encontrar la respuesta a tus preguntas en una sola vez. Apréndelo, hazlo, investigalo, implementalo, hazlo experto. Así es como sucede.
  5. No estoy seguro de cuál es el back-end que has elegido, así que no doy ningún comentario. Una vez que obtenga la claridad, hágamelo saber, intentaré responder a sus problemas.

Intenta ser bueno en HTML y CSS

CSS es muy amplio y fácil de entender, pero le tomará tiempo acostumbrarse
Solo practica, no te vayas haciendo una nueva página web.

Comience por hacer encabezados, pies de página, páginas de inicio de sesión, etc., solo una parte a la vez y no importa que copie el código por primera vez, copie y luego repítalo una y otra vez hasta que pueda hacerlo solo.

Trate de comprender los conceptos básicos de CSS, realmente lo ayudará a hacer los diseños de las páginas web.

Algunos de los recursos son:

Codecademy – aprende a codificar, interactivamente, gratis

Trucos CSS

http://htmldog.com/

https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS

Trate de leer artículos sobre el desarrollo de frontEnd en

Medio – Lee, escribe y comparte historias que importan

Bolsillo

Es muy posible y no necesitará estudiar nada para comenzar a crear sitios web de $ 1ka meses.

Muchas pequeñas empresas necesitan sitios web básicos para proporcionar información sobre su negocio. ¡Debes ofrecer tus habilidades para construirlo por ellos!

Con herramientas como Squarespace: Overview, puede crear sitios web hermosos sin mucho conocimiento sobre las herramientas de front-end. Desarrollará un sentido del diseño de sitios web que será útil para los sitios web que construya en el futuro.

Ya que busca estudiar al mismo tiempo, comience a crear más características personalizadas en los sitios utilizando las habilidades que aprende.

¡Después de seis meses con un conocimiento decente sobre la construcción de sitios estáticos con HTML, CSS y JavaScript, comience a crear sitios web sin Squarespace y sitios con back-ends!

No existe un límite superior a la cantidad que puede hacer para crear sitios web como freelance. ¡Buena suerte!

Puede consultar los tutoriales en línea de W3Schools. Tienen lecciones paso a paso para HTML, CSS, JavaScript y XML. Puedes darle una oportunidad. Estoy seguro de que será útil para usted.

Pero siempre recuerda esto: ningún profesor o tutorial puede hacerte mejor o incluso mejor en la programación. Cuanto más practiques, mejor te volverás.

¡Aprender el desarrollo web de front-end no es un gran problema!

Ir a los tutoriales en línea de W3Schools

Un sitio web completo de desarrollo web!

Además, recomiendo encarecidamente crear mini proyectos (sitios web). Obtenga una idea del sitio web de acuerdo con el nivel que ha estudiado y diseñe, tome la ayuda de Internet y actualícelo a medida que aprende.

Además, haz tus notas mientras sigues aprendiendo!

Aprende aquí: Mozilla Developer Network

No solo front-end sino todo el desarrollo web.