¿Existe algún tutorial de desarrollo web completo con JavaScript (frontend, back-end) que comience con lo básico y no sea abrumador?

Bueno, para una dosis simple de HTML, CSS y JavaScript, puede probar Dash: Dash | Aprenda HTML, CSS, JavaScript con nuestro tutorial en línea gratuito | Asamblea General

Será trivial con sus antecedentes, pero le mostrará los conceptos básicos.

Una vez que tenga la idea de escribir HTML con etiquetas de clase y de identificación, debe aprender Bootstrap: Aquí hay un tutorial de YouTube:

Y aquí está la documentación oficial: Bootstrap · El marco front-end más popular del mundo para dispositivos móviles y receptivos.

Con Bootstrap, puede crear fácilmente sitios funcionales y receptivos y concentrarse en su código.

El front-end es, por supuesto, todo JavaScript, y puede aprender más sobre eso en Free Code Camp (omita las lecciones de HTML y CSS que no desea) Bootstrap · El marco front-end más popular del mundo para dispositivos móviles y receptivos.

Si hace todos los desafíos de algoritmos básicos e intermedios, debe tener una comprensión decente de JS. Deberá comprender las devoluciones de llamada y el código asincrónico.

También querrás entender AJAX y JSON, para usar las API.

Para el código de back-end, podría hacer algo como .Net MVC, ya que sería (algo así, no realmente) similar a C, o podría probar Ruby on Rails. Rails es ideal para aprender el desarrollo simple de MVC, por lo que puede poner en marcha una aplicación rápidamente.

Si decides seguir la ruta de Rails, prueba The Odin Project (www.theodinproject.com)

Si decide utilizar .Net MVC, pruebe estos enlaces aquí: la respuesta de Matt West a ¿Cuáles son las mejores formas de aprender C #?

¡Buena suerte! Espero que haya estado en la línea de lo que estás buscando.

Dado su historial en lo que yo llamaría “Programación Hardcore”, recomendaría no avanzar hacia el desarrollo front-end de inmediato. Las razones son muy simples, un buen desarrollo de front-end es una tarea difícil. Implica toneladas de procedimientos repetitivos. Más bien, compre u obtenga una plantilla gratuita hecha por un diseñador. Themeforest es un gran lugar para ellos.

Lo que debe hacer es desarrollar backends y API. Una API REST sólida y moderna puede tener múltiples beneficios: aplicaciones web, aplicaciones móviles e integración de servicios.
Ahora, para el backend, obviamente puedes escribir una gran API en C o C ++. Pero, Python, Ruby y PHP son los más adecuados para este trabajo. Perl también es una gran opción.

Como habías pedido un tutorial, no creo que haya algo disponible como ese. El patrón general de aprendizaje de un desarrollo web Full Stack es Frontend (HTML, CSS, JavaScript) y luego Backend (PHP, Python / Ruby, Perl, Node).

No es que haya visto … un buen enfoque sería aprender a codificar, es un sitio gratuito para aprender PHP, JQuery, JavaScript, HTML y CSS (además de Python y Ruby, pero no son mi taza de té). Es un tutorial interactivo para cada curso, desafortunadamente, no hay nada que haga pedazos de cada idioma incluido en un curso, pero puede comenzar tantos cursos como desee y volver a él, todo a su propio ritmo.

Puede buscar el paquete de desarrollador Full stack como referencia. Este paquete completo de desarrolladores consta de frontend, backend, base de datos y muchas otras cosas. Todas estas cosas pueden ayudar a un novato a convertirse en un desarrollador profesional de stack.

Node On Train (o trainjs) es un andamiaje web para Full Stack
Desarrollador. Esta es una gran herramienta para las personas que alguna vez han usado los rieles
marco de referencia.

No hay ningún tutorial único que cubra todo el front-end a back-end. Sin embargo, si desea aprender full-stack realmente bien, comenzando por lo básico, he hecho una guía de aprendizaje para el desarrollo web full-stack. Cubre todo, desde los fundamentos de CS, desarrollo front-end hasta React y Node. Siéntase libre échale un vistazo

shovanch / fullstack-webdev-path