Guías HTML y CSS

Guía completa para aprender desarrollo web desde cero

Esta es una guía basada en el video Web Development in 2019 – A Practical Guide de Traversy Media que estoy siguiendo actualmente, es una guía totalmente completa que sugiero para las personas que están iniciando desde cero para convertirse en expertos en desarrollo web.

Después de pasar un tiempo investigando recursos para aprender desarrollo web como principiante, esta guía consideré es la mejor porque el instructor es muy claro en sus explicaciones, muchos de los videos son accesibles sin costo, los cursos de pago son bastante razonables (10dlls) y sobre todo la estructura de la presentación de cada video es fácil de seguir.

La guía es extensa, pero la considero muy completa, esta es una sugerencia de la ruta a seguir si piensas seriamente en convertirte en desarrollador web.

CONOCIMIENTO BÁSICO EN DESARROLLO WEB FRONT-END

HTML & CSS

Videos sugeridos en YouTube

  1. HTML crash course for beginners
  2. CSS crash course for beginners
  3. CSS grid crash course
  4. Flexbox in 20 minutes

Cursos sugeridos en Udemy

  1. Modern HTML & CSS from the beginning
RESPONSIVE LAYOUT

Videos sugeridos en YouTube

  1. Build an HTML5 website with a responsive layout
  2. Responsive landing page
  3. Build a responsive mobile first website
  4. Pluralsight login page clone
BASIC DEPLOYMENT

Videos sugeridos en YouTube

  1. Web hosting & cPanel guide
  2. Deploy website in seconds with Netlify
  3. Github deploy & domain
SASS PRE-PROCESSOR

Videos sugeridos en YouTube

  1. Responsive portfolio website series
  2. Fancy form IU from scratch
  3. Sass workflow with gulp
VANILLA JAVA SCRIPT

Videos sugeridos en YouTube

  1. JS Fundamentals for beginners
  2. JavaScript DOM crash course
  3. Vanilla JS playlist (projects)

Cursos sugeridos en Udemy

  1. Modern JS from the beginning

CONOCIMIENTO COMPLETO EN DESARROLLO WEB FRONT-END

HTML/CSS FRAMEWORK

Videos sugeridos en YouTube

  1. Bootstrap crash course
  2. Materialize crash course
  3. Bulma crash course

Cursos sugeridos en Udemy

  1. Bootstrap 4 from scratch
  2. Materialize CSS from scratch
GIT & TOOLING

Videos sugeridos en YouTube

  1. Linux Command Line Basics
  2. Git crash course
  3. NPM crash course
  4. Yarn crash course
  5. Webpack crash course
  6. Gulp crash course
  7. VSCode setup video
FRONT-END FRAMEWORK

Videos sugeridos en YouTube

  1. React crash course
  2. Vue.js in 60 minutes
  3. Angular in 60 minutes
  4. Project series

Cursos sugeridos en Udemy

  1. React front to back
  2. Angular front to back
STATE MANAGEMENT

Videos sugeridos en YouTube

  1. Redux crash course
  2. React & context API project

Cursos sugeridos en Udemy

  1. React front to back
  2. MERN stack front to back

NINJA EN FULL STACK

SERVER SIDE LANGUAGE

Videos sugeridos en YouTube

  1. Node.js for beginners
  2. Python fundamentals
  3. PHP front to back
  4. C# Project in 60 minutes
  5. Go crash course
  6. Node.js Dev to Deployment
  7. MVC PHP OOP
  8. Python Django Dev to Deployment
SERVER SIDE FRAMEWORK

Videos sugeridos en YouTube

  1. Express crash course
  2. Koa crash course
  3. Adonis series
  4. Django crash course
  5. Flask series
  6. Laravel series
  7. Symfony series
  8. C# .NET App in 60 minutes
  9. Node.js Dev to Deployment
  10. Python Django Dev to Deployment
DATABASE

Videos sugeridos en YouTube

  1. SQL crash course
  2. MongoDB in 30 minutes
  3. Redis crash course
SERVER RENDERED PAGES

Videos sugeridos en YouTube

  1. Next.js crash course
CMS

Videos sugeridos en YouTube

  1. Express crash course
  2. Koa crash course
  3. Adonis series
  4. Django crash course
  5. Flask series
  6. Laravel series
  7. Symfony series
  8. C# NET App in 60 minutes
  9. Node.js Dev to Deployment
  10. Python Django Dev to Deployment
DEVOPS, DEPLOYMENT & MORE

Videos sugeridos en YouTube

  1. Getting started with Docker
  2. Vagrant crash course
  3. Jest testing
  4. Deploy node apps

EXTRAS

MOBILE DEVELOPMENT

Videos sugeridos en YouTube

  1. React Native crash course
  2. Ionic series
DESKTOP APPS WITH ELECTRON

Videos sugeridos en YouTube

  1. Intro to Electron
  2. Build an Electron App
GRAPHQL & APOLLO

Videos sugeridos en YouTube

  1. Build a GraphQL Server
  2. App with React, Apollo & GraphQL
TYPESCRIPT

Videos sugeridos en YouTube

  1. TypeScript Crash Course
SERVERLESS ARCHITECTURE

Videos sugeridos en YouTube

  1. Lambda functions with Netlify
AI & MACHINE LEARNING

Videos sugeridos en YouTube

  1. Machine learning in JavaScript with Brain.js
PWA

Videos sugeridos en YouTube

  1. Intro to service workers