Veuillez activer JS
icon

Front-End WEB

Front-End WEB

Front-End WEB

Le WEB ou le WordWide Web est un ensemble de technologies (serveurs, navigateurs, scripts, …) permettant aux usagers de partager ou d’accéder à une infinité de ressources multimédia via internet. Ces ressources multimédia sont accessible à travers des sites web, des applications web ou des web services. Le WEB est devenu un canal primordial pour toute entreprise ou organisme souhaitant partager ou collecter des informations, voire même vendre des biens ou des services.

Lectures : 15
QUIZZES : 5
DUREE : 36 heures
NIVEAU : Tous les niveaux
LANGUAGE : Français
ETUDIANTS : 120
EVALUATION : Oui
00Journées
00Heures
00Minutes
00Secondes
  • 36 heures
  • Rabat

Objectifs de la formation :

Notre formation Front-End WEB à Rabat Maroc a pour but de comprendre le WEB, son fonctionnement et ses différents composants. Cette formation intensive et complète vous permettra de maitriser les technologies du WEB à savoir :

  • Les composants principaux du Web (les noms de domaine, serveur http, protocole http, navigateurs) ;
  • La structure d’une page Web et le DOM (Document Object Model) ;
  • Les sites web statiques et sites web dynamique ;
  • Le Responsive design ;
  • Le maquettage et conception de site web ;
  • Les languages utilisés (HTML, CSS, Javascript, TypeScript, langages coté serveur) ;
  • Les Contraintes des navigateurs ;
  • Le framework CSS : Bootstrap ;
  • La librairie Javascript jQuery ;
  • Le framework Javascript : AngularJS ;
  • Les vulnérabilités WEB (Top 10 OWASP) ;
  • L’hébergement et déploiement.

Public

Toute personne souhaitant apprendre à réaliser des sites web

Pré-requis

Pas de pré-requis

Introduction au WEB

Leçon 1 – Histoire du WEB

Leçon 2 – Les composants principaux du Web

Leçon 3 – Différentes applications WEB

Leçon 4 – Notions réseau

Préparation de l'environement de travail

Leçon 1 – Installation d'un serveur Web

Leçon 2 – Installation d'un editeur Web

Conception d'une application Web

Leçon 1 – Structure d'un application Web

Leçon 2 – Architecture technique

Leçon 3 – Analyse et conception (maquettage)

Leçon 4 – Terminaux cibles (ordinateur, mobile, tablette, ...)

Leçon 5 – Responsive Design

Leçon 6 – Contraintes des navigateurs

Concepts et programmation

Leçon 1 – Le modèle MVC

Leçon 2 – Langages coté client (HTML, CSS, Javascript)

Leçon 3 – DOM (Document Object Model)

Leçon 4 – Langages coté serveur (PHP)

Leçon 5 – Les frameworks (Bootstrap, AngularJS)

HTML5

Leçon 1 – Introduction au XML et DTD

Leçon 2 – Structure d'une page HTML

Leçon 3 – Catégories de contenus

Leçon 4 – TextesLeçon 5 – Liens hypertext

Leçon 6 – Listes

Leçon 7 –Tableaux

Leçon 8 – Multimédia (images, vidéos, audios, ...)

Leçon 9 – Formulaires

Leçon 10 – Référencement

CSS3

Leçon 1 – Syntaxe du CSS et intégration dans le HTML

Leçon 2 – Les selecteurs

Leçon 3 – Media Queries

Leçon 4 – Déclaration des couleurs (RGB, RGBA, HSL, HSLA)

Leçon 5 – Mise en forme texte (police, couleurs, espacement, inter-ligne, ...)

Leçon 6 – Mise en forme des blocks (arrière plan, bordure, positionnement, ...)

Leçon 7 –Effets (ombre, transformations, animations ...)

Leçon 8 – Grid Layout

Leçon 9 – Flexbox Layout

Leçon 10 – Introduction aux SASS, SCSS, Less.

Leçon 11 – Le framework Bootstrap

Javascript

Leçon 1 – Introduction

Leçon 2 – ECMAScript

Leçon 3 – Les variables

Leçon 4 – Les opérateurs

Leçon 5 – Les tableaux

Leçon 6 – Les conditions

Leçon 7 – Les boucles

Leçon 8 – Les fonctions JS prédéfinies

Leçon 9 – Définir les fonctions

Leçon 10 – Hoisted and Scope

Leçon 11 – Evenements

Leçon 12 – Exceptions

Leçon 13 – Expressions régulières

Leçon 14 – Prototype

Leçon 15 – DOM & BOM

Leçon 16 – JSON

Leçon 17 – AJAX

Leçon 18 – Node.js

Leçon 19 – TypeScript

Leçon 20 – jQuery

Leçon 21 – AngularJS

Langages coté serveur

Leçon 1 – Introduction

Leçon 2 – Exemple WebService Restful en PHP/MySQL avec le framework Slim.

Securité d'une application Web

Leçon 1 – Le Top 10 des vulnérabilités Web (OWASP)

Leçon 2 – SSL et HTTPS

Optimisation et déploiement

Leçon 1 – Minification

Leçon 2 – Critical rendering path

Leçon 3 – Hebergement mutualisé (CPanel)

Leçon 4 – Hebergement dédié