Como programador web principiante, ¿qué debo hacer primero?

Para un desarrollador web principiante, antes de saltar a aprender idiomas, marcos y otras tecnologías, sugiero: aprender y comprender conceptos básicos, temas generales, procesos, ciclos de vida de desarrollo y cómo configurar su entorno de trabajo.

Aquí hay una manera:

PASO 1 – Primero aprende algunos conceptos básicos :

  • Desarrollo web 101
  • 8 pasos para el ciclo de vida del desarrollo del sitio web
  • Guía para principiantes de alojamiento web
  • Solicitud HTTP – Ciclo de respuesta
  • Desarrollo front-end vs back-end
  • Configura tu entorno de trabajo básico

PASO 2 – Luego aprende los componentes básicos del sitio web :

  • HTML (marcado), CSS (estilo), Javascript (interacciones / manejo de eventos)
  • jQuery: potente biblioteca de JavaScript con muchas funciones

En este punto, puede crear un sitio web simple, probarlo en su entorno local y luego alojarlo en Internet. Después de eso, puedes seguir adelante y aprender a mejorar las cosas.

PASO 3 – Conozca los marcos front-end :

  • Los 5 marcos de front-end más populares de 2017 comparados

PASO 4 – Familiarícese con los lenguajes de script de back-end :

  • NodeJS, PHP, Python, Ruby, etc.

PASO 5 : aprenda a administrar tareas y códigos :

  • Manténgase organizado y en camino con herramientas como Trello, Asana, Jira, etc.
  • Mantenga su código en GitHub

PASO 6 – Para crear aplicaciones web :

  • Marcos JavaScript como React (tendencia ahora), Angular, Ember, etc.

Aquí también hay un buen artículo para leer: Una guía para convertirse en un desarrollador de pila completa en 2017

Por supuesto, hay mucho más avanzado que aprender en el desarrollo web, pero creo que este sería un buen comienzo para un principiante.

¡Feliz aprendizaje!

  1. Domina HTML / CSS.
  1. Recomienda aprender SASS junto con CSS.
  • Domina JavaScript y aprende sobre DOM API.
  • Elija un marco JS basado en sus necesidades o tendencias.
    1. Elegir algo de moda es más seguro porque es probable que este marco contenga una gran comunidad que se quedará en StackOverflow y lo ayudará.
    2. Hasta ahora, el marco más moderno es React.
    3. Debido a a), más respuestas en StackOverflow.
  • Cree un proyecto con ese marco y todos sus conocimientos de CSS / HTML / JS combinados.
  • Herramientas de agrupación maestras: Webpack (o Rollup), Babel, Common, etc.
  • Master Git y Linux CLI.
  • Mirando hacia atrás, donde tuve más problemas con la web “moderna” es cómo CSS juega un papel importante en los diseños modernos de IU de hoy.

    Obviamente, necesita aprender HTML (y HTML 5) bien, pero es muy importante conocer CSS, y también hay variantes o tecnología adicional para mejorar CSS como LESS o SAAS que mucha gente usa como resultado, necesita estar expuesto a ellos.

    Realmente me gustan los tutoriales web en línea de W3Schools, y la belleza de HTML es que puede probarlo usted mismo en su navegador y los tutoriales mencionados anteriormente tienen un “laboratorio” interactivo para la mayoría de HTML y CSS. Iré de arriba a abajo de todo lo que ofrecen y probaré el laboratorio, alteraré el código y aprenderé qué sucede.

    Hay un CSS que realmente me gusta, que es Picnic.css. Vas a escuchar sobre Twitter Bootstrap CSS. Picnic es muy parecido, pero se reduce al mínimo, por lo que es fácil de probar, aprender y es un gran paso para usar Bootstrap muy bien.

    Una vez que domine CSS y aproveche al máximo la biblioteca CSS, puede crear rápidamente páginas web de aspecto muy profesional con muy pocas líneas de código para escribir.

    Como para muchos de nosotros, los días de Visual Basic o XCode como “arrastrar y soltar” diseño de interfaz de usuario han desaparecido hace mucho tiempo para hacer un diseño profesional de aplicaciones web. Muchos de nosotros ahora “pirateamos la interfaz de usuario” con solo editores de texto ajustando CSS y HTML y JavaScript o mejor aún, generamos el HTML desde JavaScript y WebGL o del lado del servidor a través de Node.js o Play Framework y similares. Por lo tanto, le recomiendo que también se sienta cómodo codificando en editores de texto para sus proyectos web.

    ¡Buena suerte!

    Aquí hay una lista

    1. Elige un proyecto de muestra, olvídate de lo fácil para desafiar
    2. Únase a Github para descargar proyectos de muestra y ronronear sobre el código
    3. Únete a stackoverflow, puede salvarte la vida e independientemente de lo estúpido que creas que es tu pregunta. Busque primero, por supuesto, pero si no puede encontrarlo, pregunte. Quora también es tu mejor amiga.
    4. Seguir aprendiendo. Nuevas técnicas, nuevas bibliotecas, por qué funcionan de la manera que lo hacen, etc. Siempre favorecen por qué sobre cómo.

    Los programadores web principiantes a veces son programadores con amplia experiencia en programación fuera de la programación web. La programación web puede cubrir una serie de áreas de programación que tienen sus propios requisitos únicos. En general, estoy de acuerdo con la mayoría de las respuestas que veo en este momento. Pero agregaría que necesita comprender las herramientas y el entorno de desarrollo. Esto se menciona en varias respuestas. Por ejemplo, realmente comenzaría con un buen editor de programación. Especialmente si ya tienes bastante experiencia con un lenguaje de computadora. Si es así, los idiomas serán menos problemáticos que las herramientas para ayudar al desarrollo. recomendaría usar un IDE (Entorno de desarrollo integrado) especialmente si ya tiene experiencia en programación. Aprender las herramientas es una gran parte del ejercicio. Por ejemplo, comprender las herramientas de depuración integradas en su navegador hará una gran diferencia en el proceso de aprendizaje; probablemente elija trabajar con un navegador específico debido a la calidad de las herramientas integradas o disponibles con complementos del navegador. También debe comprender el proveedor de servicios de fondo del sitio y las herramientas que proporcionan para ayudar a los desarrolladores. Esto varía ampliamente.

    HTML 5: incluidas las capacidades de tipo de lienzo gráfico.

    CSS

    JavaScript

    Trabajo de fondo.

    Bases de datos

    Aplicaciones de escritorio: está pasada de moda pero es una buena habilidad para tener.

    More Interesting

    ¿Por qué PHP no tiene un servidor de aplicaciones como el WEBrick de Ruby?

    Cómo dividir un círculo en diferentes partes con diferentes colores usando el lienzo HTML5

    ¿Cómo se puede mejorar la codificación en el front-end?

    Para fines de trabajo independiente, ¿cuál de los siguientes lenguajes de programación se necesita principalmente para el desarrollo de software (C #, Java, Python o PHP)?

    ¿Cuál es el mejor recurso gratuito para ASP.NET?

    ¿Qué debo saber sobre los conceptos básicos de JavaScript?

    ¿Es útil aprender WordPress y Laravel al mismo tiempo?

    ¿Necesito consentimiento por escrito / legal para usar logotipos de equipos deportivos profesionales en un sitio web de deportes de fantasía?

    ¿Qué herramienta de localización recomendaría más para traducir sitios web? ¿Es mejor hacerlo de forma independiente o internamente?

    ¿Todavía hay muchos trabajos PHP? ¿Cuánto tiempo continuarán existiendo muchos trabajos PHP?

    ¿Qué tipo de lista de verificación semanal le daría a un nuevo desarrollador web interno / gerente de proyecto para asegurarse de que no se olvide de nada y permanezca en la tarea?

    ¿Existe una biblioteca JavaScript de código abierto como ga.js o segmento.js?

    ¿Cuál de estas implementaciones de diseño de materiales debería usar si planeo desarrollar una interfaz de usuario web con Angular 2?

    ¿A alguien le importa realmente el 5% de las personas que mantienen JavaScript deshabilitado?

    ¿Cómo puedo configurar mi sitio web después de comprar el dominio y el alojamiento? No puedo instalar el proveedor de alojamiento de WordPress nextraone?