¿Alguien quiere aprender habilidades de Desarrollador Front-End usando HTML5 / CSS / Haml / Ruby / Sinatra / Compass?

Al ser un aprendiz de desarrollo de front-end, he tomado tutoriales de muchos sitios web en línea. Lo que encontré es que hay pocos sitios web que son específicos para el front-end. Si enseñan el desarrollo de front-end, entonces solo proporcionan un conocimiento básico y limitado. Además, no enseñan todo lo que se requiere para ser un desarrollador de front-end. Tenemos que tomar tutoriales de diferentes sitios web y requiere mucho tiempo. Si está diseñando un tutorial, trate de cubrir todos los temas relacionados con Front End para que podamos aprenderlos todos bajo un mismo techo. Y, trate de cubrir todos los temas, desde el nivel básico hasta el avanzado, no necesitamos conocimientos de nivel intermedio. Estos son los temas que se deben cubrir en un tutorial para el desarrollo web front-end:

Idiomas :

  • Lenguaje de marcado de hipertexto
  • Hojas de estilo en cascada
  • Javascript
  • Javascript ES6
  • Nodo JS
  • AJAX
  • JSON
  • XML y XSLT
  • lenguaje de consulta estructurado

Marcos y elementos esenciales:

  • Reaccionar
  • Angular
  • Jquery
  • Oreja
  • Sass, Less, Stylus – Preprocesadores CSS
  • TypeScript y CoffeeScript
  • Jade para HTML

Tutoriales relacionados con UI / UX

  • Wireframing
  • Prototipado
  • Diseño de interacción
  • Diseño de materiales
  • Diseño visual
  • Diseño de movimiento
  • Photoshop, Illustrator y Sketch

Otros tutoriales :

  • Corredor de tareas Javascript – Gulp y Grunt
  • Servidor – Apache, MS Web Matrix etc.
  • Control de versiones – Git
  • Sistema de administración de base de datos
  • Programación orientada a objetos
  • Algoritmos y análisis y sus complejidades.
  • Un lenguaje de programación de alto nivel – JAVA o Python
  • Estructuras de datos
  • Ciclo de vida del desarrollo de programas
  • Tutoriales especiales para lienzo HTML y SVG, animaciones JS y conceptos Advance JS.

Tenga en cuenta que en el mundo moderno, el desarrollador de front-end es un ingeniero primero. Él / ella debe saber programación y desarrollo de software.

He mencionado UI / UX como algunas personas pueden

cambia su interés en el diseño cuando encuentran que es difícil ponerse al día con javascript. Entonces, si incluye UI / UX, puede retener a sus visitantes a largo plazo.

Olvidaste Javascript en esa lista de tecnologías, y me concentraría en la pila de HTML / CSS / JS; hay suficientes lenguajes y marcos del lado del servidor (y en su lista, ayudantes adicionales en HAML y Compass) que tener una idea de las técnicas del servidor y los patrones de infraestructura es más importante que profundizar en cualquiera de ellos.

Piense en su proyecto más que en una biblioteca de ciencias, que solo en una colección de tutoriales para estudiantes en el programa de desarrollo de front-end. Una referencia es una forma mucho mejor de aprender; pero aún así siéntase libre de incluir un tutorial sobre el esqueleto de los conceptos.

Incluso yo, que conozco bien el área, haría referencia a esa fuente y dirigiría a otros a ella.