web developer roadmap

Feuille de route du développeur Web

La feuille de route du développeur Web est un chemin d'apprentissage pour comprendre le développement Web, y compris le frontend, le backend et le cloud (AWS).

Comment apprendre le développement Web?

Un développement Web peut être divisé en quatre parties différentes,

1. Base de données
2. Backend
3. L'extrémité avant
4. Cloud (serveur)

Cette feuille de route se compose de technologies / cadres largement utilisés pour le frontend et le backend. Il comprend également une vue d'ensemble sur le cloud (AWS) et certaines informations sur le serveur.

Table des matières

• Sprint 1 - Commandes Linux de base, contrôle de version, technologies Web et conventions de codage
• Sprint 2 - Docker, bases de données et PHP
• Sprint 3 - Golang
• Sprint 4 - node.js
• Sprint 5 - vue.js
• Sprint 6 - Concepts utiles

Sprint 1 - Commandes Linux de base, contrôle de version, technologies Web et conventions de codage

Pratique 1.1 - Commandes de base et contrôle de version

• Écrivez des commandes pour les opérations suivantes dans le terminal

  • Liste tous les fichiers avec des détails dans Directory
  • Donner uniquement la permission de lire à n'importe quel fichier
  • Donnez toutes les autorisations de lecture et d'écriture à n'importe quel fichier
  • Obtenez l'adresse IP de propre PC
  • Observer l'utilisation de l'espace disque
  • Afficher l'historique des commandes précédemment exécutées
  • Commande Linux pour installer / désinstaller PHP
  • Commande Linux pour démarrer / arrêter le service MySQL
  • Écrivez et enregistrez n'importe quel fichier à partir du terminal

• Effectuer des opérations suivantes à GitLab

  • Créer un référentiel à GitLab
  • Vérifiez l'état du référentiel GIT
  • Commettre des fichiers nouveaux / mis à jour dans un référentiel GIT
  • Pousser dans un référentiel Git
  • Tirez de nouveaux modifications du référentiel
  • Découvrez une nouvelle succursale
  • Fusionner la branche dans un autre
  • Rebase et écraser
  • Créer une demande de fusion
  • Écrivez une commande pour cloner ce repo

Références

• Commandes Linux de base

• Qu'est-ce que le contrôle de version?

• Comment utiliser Git

  • Contrôle de version avec git
  • Git: The Beginner's Guide to Comprendre les concepts de contrôle de la version principale
  • Commandes GIT

Pratique 1.2 - technologies Web de base avec conventions de codage

• Conception de l'interface utilisateur avec des normes de codage
  • Conception de l'interface utilisateur statique donnée dans le lien
  • Conception de l'interface utilisateur réactive donnée dans le lien

Références

• Html5

  • Cours de bootcamp de développement Web sur Udemy - Section 2 et 3
  • HTML de base et HTML5 de Free Code Camp

• CSS3

  • Cours de bootcamp de développement Web sur Udemy - Section 4 et 5
  • Bootstrap à partir du cours de bootcamp de développement Web sur Udemy - Section 6 et 8
  • Qu'est-ce que Flexbox?
  • Bootstrap des bibliothèques Frontend dans le camp de code gratuit
  • Terminer le cours de certification de conception Web réactive à partir du camp de code gratuit

• Formatage du code et meilleures pratiques

  • 25 raccourcis les plus utilisés contre le code
  • Formatage du code dans le code vs
  • Meilleures pratiques de développement Web

Pratique 1.3

• Convertisseur unitaire
  • Créer un convertisseur d'unité qui devrait prendre les commentaires des utilisateurs et produire la valeur dans l'unité demandée (les unités de conversion peuvent être des centimètres, des mètres et des kilomètres)

Références

• Javascript et jQuery

  • JavaScript de base du cours de bootcamp de développement Web sur Udemy - section 9 et 10
  • JavaScript de base, ES6, expressions régulières et débogage du camp de code gratuit
  • Cours de bootcamp de développement Web sur Udemy - Section 11 et 13
  • JSON, APIS et AJAX de Free Code Camp
  • Terminez les algorithmes JavaScript et les structures de données de Camp Free Code
  • Cours de bootcamp de développement Web sur Udemy - section 14 à 16
  • Terminer les projets de bibliothèques frontals de Camp Free Code
  • Différence entre == et ===
  • Bases de JQuery

• Conventions de codage

  • Normes de codage-1
  • Normes de codage-2

Sprint 2 - Docker, bases de données et PHP

Pratique 2.1

• Installez MySQL à l'aide de Docker
• Installer MongoDB à l'aide de Docker

Références

• Qu'est-ce que Docker
• Début avec Docker
• Installez MySQL à l'aide de Docker
• Installer MongoDB à l'aide de Docker

Pratique 2.2

• Effectuez les requêtes suivantes dans MySQL

  • Créez un tableau nommé students avec ID Fields, First_name, Last_name, Standard, pourcentage, intérêt, etc ... et insérez-les de données
  • Créer une table student_attendances avec ID de champs, création_at, champs de présence / absence et y insérer des données
  • Créez un tableau nommé teachers avec Fields ID, First_name, Last_name, Sujet, Intérêts, etc. et y insérer des données
  • Créer des champs de table teachers_attendances
  • Préparez les requêtes pour trouver la présence / absence des élèves un jour particulier
  • Trouvez l'absence totale / présence de chaque élève
  • Trouvez des étudiants absents avec un pourcentage inférieur à 70.
  • Trouvez un étudiant qui a une présence la plus haute
  • Obtenez tous les élèves et l'enseignant First_name, Last_name, Full_name, Intérêt, Standard, Sujet et Absence totale.

• Effectuez les requêtes suivantes à MongoDB (peut utiliser MongoDBPlayground pour faire des requêtes)

  • Créez une collection nommée students avec ID Fields, First_name, Last_name, Standard, pourcentage, intérêt, etc ... et insérez-les de données
  • Formez une requête pour trouver des étudiants avec un pourcentage inférieur à 70 et un intérêt pour le sport.
  • Comptez le total des étudiants avec un pourcentage supérieur à 70

Références

• Cours de bootcamp de développement Web Udemy - Section 24 et 25
• Sous-requête MySQL et requête syndicale

Pratique 2.3

• Créer une application de blog avec les exigences suivantes à l'aide de PHP
  • Il devrait avoir deux côtés
    • 1. Administrer
    • 2. Utilisateur
  • Implémentez les fonctionnalités de registre et de connexion pour l'utilisateur et l'administrateur
  • L'administrateur peut ajouter des publications (champs de publication - Titre, Description, Created_Date, auteur, catégorie, image)
  • L'administrateur peut décider quel utilisateur peut voir le message
  • Les postes ajoutés seront visibles du côté de l'utilisateur (dernier premier)

Références

• PHP: référence du langage
• PHP: Introduction
• Norme de codage

Concepts de base

• Installation WAMP / MAMP / XAMPP
• Comment ça marche exactement?
• Syntaxe de base
• Variables, constantes, opérateurs et structures de contrôle
• Conditions, boucles, caisses de commutation
• Tableaux, chaîne et différentes fonctions de chaîne
• Fonctions
• Comprend et requis
• Cours et objets et constructeurs
• Espaces de noms
• Extensions
• Exceptions
• JSON Encode & Decode
• Séances
• Cookies
• Manipulation de fichiers
• Tableau indexé par rapport à un tableau associatif
• Objet vs stdObject
• Timeout du script PHP

Variables prédéfinies

• http://php.net/manual/en/reserved.variables.php
• $ Global
• $ _Server
• $ _Get
• $ _POST
• $ _Files
• $ _Request
• $ _Session
• $ _Cookie

Options avancées

• Interfaces
• Caractéristiques
• Fesses
• Compositeur
• ajustements php.ini

Mots clés

• Privé
• Publique
• Statique

Sprint 3 - Golang

Pratique 3.1

• Implémentez l'application musicale avec les exigences données

Concepts de base

• Pourquoi y aller?

• Exécutez le programme Hello World en Go

• Modules

• Framework de gin

• Constantes, types variables

• Fonctions, fonctions multi-retour, init ()

• Packages et importation

• Déclarations et boucles conditionnelles

• Tableaux et tranches

• Pointeurs, structures et méthodes

• Gestion des erreurs

• gofmt

• Meilleures pratiques

• Autres

  • JWT
  • Json
  • API REST

Concepts avancé

• Cartes en go
• Concurrence et goroutine
• reporter
• Gestion des erreurs
• Paniquer et récupérer
• Réflexion
• Conversion de type
• Fichier des manipulations
• Enregistrement
• Authentification avec JWT (jeton Web JSON)

Packages

• Gin
• Package MySQL
• net / http
• Compresseur de fichiers
• Enregistrement
• Mongodb
• ioutil
• OS
• cordes
• Parse File statique à Binary
• gestionnaire de valeur nul
• JWT
• socket.io
• sentinelle

Sprint 4 - node.js

Pratique 4.1

• Implémentez l'application de chat en temps réel

Pratique 4.2

• Mettre en œuvre une application de commerce électronique avec des exigences données

Références

• fil

• NPM

• fil vs npm

• nœud

• Pourquoi node.js?

• Concepts de base:

  • CommonJS et Esmodule
  • Console
  • Portée
  • 'ce' mot-clé partie 1
  • 'ce' mot-clé partie 2
  • Comprendre le package.json
  • L'importation / l'exportation requise
  • Rappels
  • Async-Await
  • Async.waterfall ()
  • Référence
  • Boucle d'événement
  • Node Mailer pour envoyer des e-mails
  • Meilleures pratiques

• Express.js

  • Installation
  • Générateur express
  • Routage
  • Héberger des fichiers statiques
  • Moteur de modèle (EJS)
  • Analyseur de corps

Sprint 5 - vue.js

Pratique 5.1

• Implémentez le frontend de l'application de commerce électronique à l'aide de vue.js avec des exigences données

Références

• Commencez avec Vue.js

• CSS du vent arrière pour les débutants

• Tutoriel CSS à vent arrière

• PINIA

• Concepts

  • Qu'est-ce que vue.js?
  • Commencer
  • Installation
  • Instances d'application et de composant
  • Syntaxe du modèle
  • Propriétés et méthodes de données
  • Propriétés et observateurs calculés
  • Classe et liaisons de style
  • Rendu conditionnel, liaison du style conditionnel
  • Rendu de liste
  • Manipulation des événements
  • Formez les liaisons d'entrée
  • Bases des composants
  • Accessoires
  • Enregistrement des composants
  • Machines à sous
  • Refs de modèle
  • Gestion de l'État

Sprint 6 - Concepts utiles

Concepts

• Protocoles HTTP
• Comportement asynchrone vs synchrone
• Mise en cache (compréhension de redis)
• Test: Présentation des tests d'unité et de fonctionnalités
• Docker en détail
• Serveur nginx vs apache
• Connexion du serveur avec les touches de mot de passe / ssh
• Tables IP
• Php-fpm et httpd
• SSH, SSL, certificats et clés

Nuage

• Qu'est-ce que AWS?
• S3
• EC2
• RDS
• Élastique
• Route 53
• Ses
• Cloudwatch
• VPC
• AWS LAMDA
• Passerelle AWS API
• Microservices
• Que sont les microservices? Comment AWS l'implémente-t-il?
• Implémentation de microservices à l'aide de Go

Supplémentaire

• Feuille de route de Golang
• Feuille de route Nodejs