Path for web development

Web Introduction HTML5

How web works?
Elements - Attributes - Headings - Parrahraphs -

Web protocols (HTTP-HTTPS).

Hyperlink - Text formatting - DOM - Images -
Requirements
Requests and Responses.
Tables - Forms - iFrames.

Dev enviroments- IDE - Code Editors -

Extensions

CSS3 Javascript
Selectors - Colors - Background - Fonts - Data types - Constant - Variables - Loops -

Hyperlinks - List - Tables - Containers - Logic Operators - Switch - Functions - Arrow 


Layout - Grid - Transitions - Flex.

Functions. (ECMA Script 6)

Front-End PHP
Vue.js - React.js.
Php Basics - Data types - Operators - Loops.

Node Package Manager (NPM).

Object Oriented Programming - Classes -
Level 1
Tailwind.css.
Methods - Inheritence - Polymorphism.

Components - UI design.

Responsive Design.

SQL Back-End
Database principles.
Laravel (Artisan - Composer - Routing - Unit

Entity-Relationship model.
Test - Migrations - Models - Controllers -
Level 2
Views - Eloquent - Notifications - Mailables -
Select - Insert - Update - Delete - Drop -

Schedulers - Kernel - Tinker- API - Queues -

Alter - Where - Order by - Group by - Inner

Jobs)
Joins.

Best Practices Advanced Topics

Code Optimization -Refactoring -
VPS

Object Oriented Programming Pattern Docker

Level 3 Designs - S.O.L.I.D Principle - SEO

App Deployment on Cloud

Microservices

Firewall

1
 References

Requirements

Web Introduction
1) ¿Cómo funciona Internet? (Aprende Ingeniería)

2) ¿Cómo funciona la web? (Mozilla Developers)

3) How does the internet-protocols work? (Stanford)

4) IDE vs Editor de Código (Giocode)

5) ¿Cuál es el mejor sistema operativo para programar? (Programador Web Valencia)

HTML
1) Mi primera página web (Código facilito)

2) HTML Fundamentals (SoloLearn)

3) W3schools HTML Reference

CSS3
1) Learn CSS (Codecademy)

2) HTML & CSS is Hard (Internet is Hard)

3) CSS Fundamentals (SoloLearn)

4) W3schools CSS Reference

Javascript
1) Curso de Programación básica (Platzi)

2) Javascript Tutorials and Documentation (Mozilla Developers)

3) Javascript Tutorial (SoloLearn)

Level 1
Optional

Vue.js
1) Vue.js Official Documentation

2) Intro to Vue.js (Vue Mastery)

3) Learn Vue 2: Step by Step (Laracast)

React.js
1)React.js Official Documentation.

2)React.js Official Guide

3)React.js Tutorial (Scrimba)

Tailwind.css
1) Tailwind.css Official Documentation

2) Designing with Tailwind.css

Node Package Manager

1) What is NPM? (The Coding Train)

2) Beginner’s Guide to NPM (SitePoint)

3) NPM Crash Course (Travesy Media)

4) Curso de Node.Js (Código Facilito)

PHP
1) Learn Php (CodeCademy)

2) PHP Tutorial (SoloLearn)

3) The PHP Practitioner (Laracast)

4) PHP Official Documentation

Level 2

SQL
1) Learn SQL (Codecademy)

2) Curso de Base de Datos (Codigo Facilito)

3) SQL Fundamentals (SoloLearn)

4) W3school SQL Reference

Laravel
1) Journy Through Laravel (Laracast)

2) Laravel Official Documentation

Level 3

Best Practices
1) Code Monk V2.0 - Be a better programmer, one step at a time (HackerEarth)

2) Refactoring

3) Design Patterns

4) S.O.L.I.D principle (Scotch.io)

5) Guía para principiantes en SEO (Goolgle)

Advanced Topics
1) Curso de Docker (Youtube)

2) Dockerizar Laravel con Laradock (Medium)

3) Learn Laravel Forge (Laracast)

4) A Journey to Better Deployment (Medium)