Cómo empezar con el desarrollo web front-end
No sé qué quieres preguntar,
Pero aun así quiero enseñarte cómo empezar con el desarrollo web front-end. El desarrollo del front-end web se divide en tres etapas:
1. La barrera de entrada del front-end HTML CSS es extremadamente baja, lo que se refleja en HTML y CSS. El entorno de ejecución es un navegador y se recomienda el navegador Chrome. Todo lo que necesitas es un editor de texto, se recomienda Sublime Text 3 y algunos buenos complementos como Emmet, Google Search, etc. Es fácil de entender. Por supuesto tienes que usar el bloc de notas, no es imposible. Puedes comenzar a aprender usando w3school o MDN.
Ni HTML ni CSS son lenguajes de programación. El primero es solo una etiqueta estructural y el segundo es una configuración de estilo. Comenzar es muy simple. También hay mucha información en línea y recomiendo el curso HTML CSS Basics de Mucous.com.
En ese momento leí un libro "Head First HTML y CSS". Este libro es fácil de entender, pero el precio es bastante impresionante. Lo acabo de leer y no hay necesidad de comprarlo.
Navegué rápidamente por el sitio web de MU y mi impresión general de HTML y CSS es bastante buena. Si desea consolidar etiquetas HTML, puede consultar la tarea 1-1 de 16.
La API HTML5 se puede dejar de lado por un tiempo y luego leerla más tarde.
El siguiente paso es una inmersión profunda en CSS:
La guía definitiva de CSS (tercera edición). Este es un libro muy seco, pero realmente no sé cuál es mejor. Sólo tómate dos o tres días para masticarlo. No es necesario memorizar los atributos; definitivamente necesitarás verificarlos nuevamente en el futuro. Concéntrese en los aspectos importantes, como los modelos de cajas, los flotadores y el posicionamiento, y capture los puntos clave para echar un vistazo rápido.
"Guía para desarrolladores web profesionales CSS3": CSS3 también es algo que debes dominar. Sin embargo, lo principal aquí es comprender. Sólo saber qué contiene CSS3. Memorizar propiedades de memoria es aburrido y sin sentido.
El contenido anterior tomó aproximadamente 5 días y el siguiente es el ejercicio.
Llevo unos días aprendiendo HTML y CSS y debería haber aprendido algo. Abramos la tarea 1 de IFE2015 y escribamos una página estática.
Mi X, no puedo escribirla en absoluto.
Esto es normal. Mire el código de otras personas, solo mire una pequeña parte y lo dominará. Para los atributos que ha olvidado, puede buscar libros relevantes o w3c, probar más y continuar "profundizando cada vez más".
Después de hacer tu primer dibujo, no te apresures a escribir. Su código tendrá los siguientes problemas:
La sangría del código está desordenada
El orden de los atributos está desordenado
La página está llena de divs
ID y clases Incoherentes
Reescribir, sí. Antes de reescribir, lea la especificación del código GitHub - ecomfe/spec: este repositorio contiene la especificación. Por supuesto, la especificación del código no es la única. Esta fue la primera vez que la miré, por lo que el estilo del código se ha mantenido hasta ahora.
Regrese y mire el código enviado por otros y lea más. Por supuesto, tienes que tomar tu propio criterio. No puedes simplemente dejar que el viento provoque la lluvia. Si alguien no lo escribe bien, simplemente reescribelo, lo que significa que tú también eres responsable, ¿verdad?
Empiece a reescribir y descubrirá que sus habilidades han aumentado considerablemente y puede escribir código mucho más rápido.
Cuando llegues a la tercera página, serás más competente. Si comprende el diseño, probablemente sepa cómo escribirlo y luego podrá comenzar a aprender JavaScript.
Lo anterior tardó unos 10 días.
Puedes volver atrás y leer la parte avanzada:
Domina la herramienta de preprocesamiento Sass y la herramienta de automatización Gulp.
Lee el código fuente de Bootstrap.
"CSS Revealed", este es un libro extremadamente maravilloso que cubre muchas cosas maravillosas sobre CSS3, algunas de las cuales no son muy prácticas, pero son reveladoras y vale la pena leerlas.
2.JavaScript
Esta es una etapa crucial.
Muy recomendable "Programación Avanzada con JavaScript (3ª Edición)", comúnmente conocido como el Libro Rojo. Los primeros siete capítulos son los más importantes y deben leerse una y otra vez hasta comprenderlos por completo. Durante este período, se pueden leer junto con otros libros. También son importantes DOM, flujo de eventos, formularios, JSON, Ajax y los últimos capítulos. Los capítulos restantes se pueden hojear u omitir (como el rastreo del navegador, XML y los capítulos que enumeran una gran cantidad de API se pueden verificar nuevamente)
"Conceptos básicos del lenguaje JavaScript" recomendado, comúnmente conocido como el Libro de las Mariposas . Es un libro muy delgado y lo leí en medio día. JavaScript es un lenguaje con muchas trampas. Personalmente, me gusta dejarlas claras todo el tiempo, pero este libro las evita y el resto es la llamada "esencia". Sin embargo, siempre es bueno dejar claro el punto.
Recomiendo encarecidamente "JS que no conoces". Este es un gran libro que cubre todos los peligros de JavaScript. Los problemas que no pudiste resolver antes, como cierres, esto, etc., se pueden encontrar aquí.
ES6 también es un contenido imprescindible. Recomiendo "Introducción al estándar ES6" del profesor Ruan Yifeng. Sin embargo, este libro trata principalmente sobre API, por lo que le dejaré una impresión aproximada. Si escribe sobre cosas similares en el futuro, simplemente verifique si existe un método de escritura más conciso para ES6, para que no tenga que hacerlo. memorízalo de memoria. Y necesita aprender a usar Webpack. Tanto Babel como la modularidad dependen de Webpack.
Realmente no recomiendo la "Guía definitiva de JavaScript", también llamada Libro de Rhino. Eso es un diccionario...
Avanzado:
"Patrones de diseño y prácticas de desarrollo de JavaScript", los patrones de diseño son lo que debes comprender, este libro está muy bien escrito.
"JavaScript de alto rendimiento", otra obra maestra del autor del Libro Rojo, describe algunas técnicas de optimización y cuellos de botella de rendimiento, que vale la pena leer.
Lo anterior lleva aproximadamente 1 mes y se puede intercalar con las preguntas de la tarea 2 de IFE2015, que es más simple que la de 2016.
Si lees todos estos libros, deberías poder hablar con la gente.
Empecemos a practicar y respondamos tantas preguntas de la Etapa 2 de IFE2016 como quieras. Si tienes experiencia en programación, no debería ser demasiado estresante.
3. Esta parte del marco de JavaScript es relativamente gratuita y todos apuntan a un árbol de habilidades diferente. El desarrollo del front-end es explosivo y las herramientas se actualizan más rápido que hojear libros, por lo que es mejor leer más documentos.
En la actualidad, los marcos principales que se mencionan a menudo incluyen React, Angular y Vue, y hay muchas buenas respuestas a esta pregunta. Sin embargo, esta respuesta también es urgente. Quizás estos marcos se eliminen en unos años.
Aprenda al menos un marco y apruebe IFE2016 de una vez. Se necesitan aproximadamente 1,5 meses.
Avanzado: Mira varios códigos fuente. Esto es algo que he estado planeando hacer recientemente, pero parece que el examen final llegará pronto.
Finalmente, me gustaría agregar que los conceptos básicos de informática son importantes. Tenía una ligera ventaja porque tenía experiencia con OI. Me gustaría recomendar algunos libros más. Aún así deberías tomarte el tiempo para leerlos:
Comprensión más profunda de los sistemas informáticos ("Comprensión profunda de los sistemas informáticos"), CSAPP, que también es nuestro. curso principal este semestre (pero I El curso principal es obviamente EE).
Redes informáticas Un enfoque de arriba hacia abajo, tan pronto como escuche el nombre, sabrá que es una lectura obligada.
Sistema Operativo: Sistema Operativo: Tres Piezas Simples" es un buen libro. Recomiendo "Sistema Operativo: Tres Piezas Simples":
Conjunto "Sistema Operativo: Tres Piezas Simples"" Es un buen libro. Recomiendo "Sistema operativo: un conjunto simple de tres piezas". El inglés "Modern Operating System" no es lo suficientemente bueno.
Para algoritmos y estructuras de datos se recomiendan dos libros: Introducción a los Algoritmos y Estructura de Datos y Análisis de Algoritmos. Parece que los algoritmos y las estructuras de datos tienen poco que ver con la interfaz, pero como codificador, no es necesario que pueda escribir árboles rojo-negro, al menos debe poder escribir clasificación rápida y búsqueda binaria.
¡Por favor adopta!