A menudo escuchamos que el desarrollo web es fácil de comenzar, ¿es cierto? En los últimos años, el marco front-end web está emergiendo en un flujo interminable, como React, Vue, AngulaJS, todos atraen mucha atención, y muchas grandes empresas están prestando más atención al desarrollo front-end que hace que el front-end web El desarrollador es uno de los mejores trabajos del mundo.
Muchas personas, especialmente los jóvenes, están ansiosos por entrar en esta industria, pero ¿cuánto tiempo lleva aprender el desarrollo web? ¿Cuánto tiempo puede ser un desarrollador web y ganar dinero con él? Aquí quiero hablar sobre mi propia experiencia para darles una pequeña pista a sus muchachos.
Nota: Decídase y cúmplalo.
- ¿Cuáles son algunos de los paquetes Node.js más útiles?
- ¿Cuál es la peor parte de construir un sitio web?
- ¿Aprender Javascript Framework no es malo para el crecimiento profesional?
- Cómo aprender a construir sistemas escalables como Twitter, FB y LinkedIn
- ¿Vale la pena crear un musical de Broadway para la película The Warriors (http://warriorsmovie.co.uk/)?
1. Conceptos y principios básicos del diseño web (al menos 10 días)
Debes dominar los conceptos básicos y el conocimiento teórico del diseño web antes de comenzar. Debe saber sobre: ¿Qué es una página estática? ¿Qué es una página web dinámica? ¿Cuál es el diseño general de la página web? ¿Cuál es el principio de diseño del diseño web? ¿Cuáles son los elementos básicos de la página web? ¿Qué no se puede hacer o no hacer del diseño web? Cuanto más básico sea el concepto de diseño web que conozca, más fácil será desarrollar una página web sin cometer errores.
Como sabemos, las tendencias de diseño web siempre cambian, dominar los principios básicos del diseño web puede ser la base de un sitio web. Al mismo tiempo, es posible que necesite conocer algunos conocimientos básicos de SEO para hacer un sitio web amigable. Realmente les recomiendo que lean algunos libros de diseño web en lugar de ver videos tutoriales en línea, un buen libro absolutamente los beneficiará. Aquí hay algunos libros de diseño web recomendados por diseñadores líderes en esta industria.
Cómo hacer una página web más fácilmente:
HTML Y CSS: DISEÑO Y CREACIÓN DE SITIOS WEB, POR JON DUCKETT
Cómo hacer que el diseño web sea más funcional:
JAVASCRIPT Y JQUERY: DESARROLLO WEB INTERACTIVO DELANTERO, POR JON DUCKETT
Cómo aprender el desarrollo front-end:
Los mejores materiales de diseño de UI / UX gratis
APRENDIZAJE DEL DISEÑO WEB: UNA GUÍA PARA PRINCIPIANTES DE HTML, CSS, JAVASCRIPT Y GRÁFICOS WEB, POR JENNIFER NIEDERST ROBBINS
Debe leer el libro de usabilidad:
NO ME HAGA PENSAR, REVISADO: UN ENFOQUE DE SENTIDO COMÚN PARA LA USABILIDAD WEB, POR STEVE KRUG
2. CSS + HTML + JavaScript (1 mes)
Compare con Javascript, HTML no es nada difícil, sino el lenguaje de etiqueta y la especificación de formato; CSS es relativamente complejo, implica algunos problemas de compatibilidad del navegador. Pero combinar estos dos puede lograr muchos efectos de página web. Si solo comprende un lenguaje de código básico, pero no toma medidas prácticas, será difícil dominarlo. Cuando comencé a aprender Bootstrap, acabo de poner la página web receptiva creada por Bootstrap para el proyecto comercial de electricidad existente. Bootstrap es una muy buena herramienta para comenzar. Puedo resolver los problemas básicos por mi cuenta después de leer los documentos oficiales de su sitio web, puede intentarlo.
JavaScript es más difícil que HTML y CSS. Pero, sabes que Brendan Eich creó el lenguaje JavaScript solo durante 10 días, por lo que su sintaxis no es muy complicada de lo que crees. Creo que pronto podrás dominar la sintaxis básica siempre que estudies mucho.
Creo que el mejor material de aprendizaje de desarrollo web es Mozilla Developer Network (
https://developer.mozilla.org). Cubre todo el conocimiento sobre HTML, CSS, JavaScript, ya sea que sea un principiante o veterano, es muy útil para todos los desarrolladores web.
3. Debe dominar algunas herramientas de diseño web (15 días)
Las herramientas pueden hacer que su trabajo sea más eficiente, y para elegir las mejores herramientas, es posible que deba considerar qué tan rápido y rápido puede dominarlo. Hay muchos tutoriales en video que puedes aprender en su sitio web oficial y en Youtube. Estas son algunas herramientas básicas de diseño web que debe conocer:
Editor de la página web: texto sublime
Sublime Text es un excelente editor. Tiene una interfaz elegante, un funcionamiento suave, resaltado de sintaxis de soporte automático y con complementos ricos, es mi favorito. No recomiendo usar el poderoso IDE de inmediato para principiantes, es difícil y difícil de aprender al principio y puede aplastar su confianza.
Editor de imágenes: Photoshop
Adobe Photoshop es un software de procesamiento de imágenes desarrollado y distribuido por Adobe. Photoshop principalmente para lidiar con los píxeles de la imagen digital, al usarlo puede editar y dibujar imágenes de manera efectiva. PS tiene muchas funciones, implica la imagen, gráficos, texto, video, publicación, etc. Photoshop es muy profesional, pero también un poco complicado. Si eres un diseñador gráfico profesional, debes dominar esta herramienta. Como desarrollador front-end, debe trabajar en estrecha colaboración con el diseñador, aprender a usar el PS le dará más ideas de diseño cuando desarrolle la página web y pueda comunicarse con el diseñador web más fácilmente.
Diseño de prototipo web: Mockplus (con el menor costo de tiempo)
Como desarrollador web, es absolutamente necesario dominar algunos conocimientos de diseño de prototipos, que es una de las cosas más rentables que he invertido.
Mockplus es una herramienta de creación de prototipos de páginas web muy fácil de aprender. Con arrastrar y soltar, puede lograr una interacción simple fácilmente. Hay muchos tipos de proyectos: proyectos gratuitos, proyectos web, proyectos personalizados y, por supuesto, proyecto APP. Proporciona el tamaño de proyecto web más grande: 3000 * 6000, y con 200 componentes integrados y 3000 iconos hará que su diseño sea más fácil. Realmente me gusta la nueva característica: “repetidor”, es fácil de usar y me ahorra mucho tiempo de diseño repetido.
4. Cree su propio sitio web (al menos 1 mes)
Cuando domine los principios básicos del diseño web y también haya realizado algunos ejercicios básicos, puede comenzar a unirse al proyecto real para mejorar sus habilidades de desarrollo lo antes posible. Es un buen comienzo para usar Jekyll + GitHub Pages para crear un blog estático para usted, no requieren ningún desarrollo de back-end.
Si la plantilla puede satisfacer sus necesidades para crear un sitio web, es posible que solo necesite unas horas para crearlo. Al igual que WordPress. Cuánto tiempo necesita para crear un sitio web está totalmente decidido por su satisfacción con el sitio. Si desea desarrollar un nuevo sitio y también con un hermoso diseño de interfaz de usuario web, buen contenido, lleva al menos 1 mes o incluso más.
5. Nunca dejes de aprender conocimientos de diseño (todo el tiempo)
El desarrollo front-end es diferente del desarrollo back-end, es una posición directa orientada al usuario. Sus resultados pueden ser mostrados directamente por el usuario. Creo que dominar algunos de los conocimientos de diseño y comprender las tendencias actuales de diseño web también son necesarias para un desarrollador. Con más ideas de diseño web hará una mejor página web que el usuario complacerá. El aprendizaje no puede detenerse a menos que quieras ser pésimo. Y aquí hay 15 blogs de diseño web que les recomiendo a todos ustedes, y algunos recursos de diseño de interfaz de usuario que quizás ya conozcan son Dribbble y Behance. Pase una o dos horas todos los días para leer y mirar, se beneficiará mucho.
Conclusión:
El desarrollo front-end web es el proceso que debe seguir aprendiendo. En los últimos años, la complejidad del desarrollo front-end es cada vez mayor. Este artículo es solo para aquellas personas que desean ingresar a la industria de desarrollo front-end y no pueden encontrar la dirección. ¿Cuánto tiempo lleva aprender el desarrollo web? Después de leer esta guía paso a paso, puede encontrar un puesto de desarrollo junior. Hagas lo que hagas, el aprendizaje es fundamental, espero que este artículo pueda ayudarlos.