Pourquoi suivre ce cours ?
Les développeurs Web construisent sur le Web des éléments un peu plus compliqués qu’un simple blog basé sur des modèles. Les développeurs Web possèdent des compétences élevées en matière de codage. Cela leur permet de créer des sites Web ou des applications Web animées, des données d’entrée et de sortie, des zones contenant des informations ou d’interagir avec d’autres sites Web et applications, tels que les médias sociaux ou les outils de traitement des paiements.
C’est une compétence dont chaque entreprise aura besoin et le fondement de l’industrie des technologies en croissance rapide. Les salaires sont élevés, ils augmentent rapidement et ils augmentent. Les compétences en développement Web favorisent l’innovation et l’esprit d’entreprise – le moyen le moins coûteux de lancer une nouvelle entreprise consiste souvent à utiliser le Web. Les développeurs Web ont des taux élevés de satisfaction au travail et en matière de carrière, ce qui est favorisé par les politiques de l’emploi souples et accommodantes de nombreuses entreprises de technologie. C’est un travail à la pointe de l’innovation et c’est un travail que vous pouvez faire en voyageant ou en élevant des enfants. Cela fait du développement Web un excellent domaine à considérer pour les personnes qui cherchent à concevoir leur mode de vie en fonction de leurs besoins.
Ce que vous apprendrez dans ce cours:
- vous apprendrez à définir la structure d’une page web avec HTML
- vous apprendrez à améliorer l’apparence des pages web avec CSS
- vous apprendrez à rendre les pages web plus interactives avec JavaScript
- vous apprendrez à communiquer avec les bases de données grâce à PHP et MySQL
- vous apprendrez à utiliser le CMS WordPress pour construire rapidement des sites web comme des blogs, des sites e-commerces etc.
- vous apprendrez à bâtir une bonne carrière en développement web grâce à nos conseils
Ce que vous réaliserez durant ce cours:
- une page d’article de blog
- une galerie d’images
- la page d’accueil du site d’une entreprise
- la page d’accueil du site d’un magazine
- un blog
- votre site personnel
Prérequis pour suivre la formation:
- Avoir un ordinateur
- Avoir accès à une bonne connexion Internet (de préférence, WiFi ou câble ADSL)
Ce que vous serez capable faire à la fin de la formation:
- Découper, assembler et intégrer tous les éléments d’une maquette graphique en HTML5 et CSS
- Ajouter du contenu audio et vidéo en HTML5
- Animer les pages web avec CSS3
- Appliquer les standards du Web et les normes en vigueur
- Construire un site web fluide s’adaptant à tout type d’écran (web, smartphone et tablette)
- Améliorer le référencement naturel en utilisant les balises selon leur sémantique
- Faire réagir la page web en fonction des actions de l’utilisateur en JavaScript
- Programmer en orienté objet
- Gérer les comptes utilisateurs
- Concevoir un site maintenable grâce à la gestion des erreurs et exceptions
- Créer, gérer et afficher le contenu d’une base de données
Programme du cours
| Partie 0: Découvrir le développement web | |||
| Section 1: Bienvenue ! | |||
| ENGAGEZ VOUS A RÉUSSIR VOTRE FORMATION | 00:05:00 | ||
| Trois étapes pour devenir un bon développeur web | 00:01:00 | ||
| Quel genre de développeur seras-tu | 00:02:13 | ||
| Mise en place des outils | 00:01:00 | ||
| Comment ce cours fonctionne t-il ? | 00:01:40 | ||
| Les excuses, c’est pour les bitches ! | 00:05:47 | ||
| A votre tour ! Installez les outils requis | 00:01:32 | ||
| Quiz 1 Développeur Web Junior | 00:10:00 | ||
| Section 2 : Comment fonctionne le web ? | |||
| C’est quoi le web ? | 00:05:00 | ||
| Les langages du web | 00:05:00 | ||
| Monter en compétence | 00:05:00 | ||
| Les réseaux derrière le web | 00:05:00 | ||
| Monter en compétence | 00:05:00 | ||
| Quiz 2 Développeur Web Junior | 00:10:00 | ||
| Partie 1: Apprendre HTML et CSS | |||
| Section 1: HTML: structure d'un site web | |||
| Anatomie d’un élément HTML | 00:04:10 | ||
| Ajoutez un titre | 00:02:18 | ||
| Ajoutez un paragraphe | 00:02:02 | ||
| Ajouter un lien | 00:08:11 | ||
| Regardons de plus près | 00:02:18 | ||
| Ajout d’images | 00:05:29 | ||
| Ajouter une vidéo | 00:04:37 | ||
| Créer une liste non ordonnée | 00:03:48 | ||
| Ajouter une Div | 00:06:07 | ||
| Les commentaires en HTML | 00:04:25 | ||
| Métadonnées: les cerveaux Session | 00:05:00 | ||
| Le code HTML de tout ce qui a été fait jusqu’à présent | 00:00:00 | ||
| Correction des projets HTML | 00:00:00 | ||
| Section 2 : Un regard plus attentif sur CSS | |||
| Pourquoi utiliser CSS | 00:00:00 | ||
| Lier une feuille CSS | 00:00:00 | ||
| Structure d’une règle CSS | 00:00:00 | ||
| Font-family | 00:00:00 | ||
| Couleur | 00:00:00 | ||
| Sélecteurs de classes CSS | 00:00:00 | ||
| Font-size | 00:00:00 | ||
| Une image de fond | 00:00:00 | ||
| Sélecteurs d’identifiant CSS | 00:00:00 | ||
| Résumé sur les bases de CSS | 00:00:00 | ||
| Section 3: Bordures et espaces | |||
| Le modèle de boite | 00:00:00 | ||
| Créer une bordure | 00:00:00 | ||
| Travailler avec padding | 00:00:00 | ||
| Travailler avec la marge | 00:00:00 | ||
| Plus de marges | 00:00:00 | ||
| Comprendre l’affichage (display) | 00:00:00 | ||
| La valeur Inline | 00:00:00 | ||
| Utilisation de float | 00:00:00 | ||
| Affichage: Flex | 00:00:00 | ||
| Travailler avec position | 00:00:00 | ||
| Résumé | 00:00:00 | ||
| Section 4 : Construire avec bootstrap | |||
| Frameworks CSS | 00:00:00 | ||
| Connexion à Bootstrap | 00:00:00 | ||
| La grille Bootstrap | 00:00:00 | ||
| En-tete/ Navigation | 00:00:00 | ||
| Le jumbotron | 00:00:00 | ||
| Le contenu | 00:00:00 | ||
| Pied de page | 00:00:00 | ||
| Généralisation Bootstrap | 00:00:00 | ||
| Partie 2 : Apprendre Javascript | |||
| Section 1 : Créez un site web interactif: faire un menu déroulant | |||
| Introduction Js | 00:00:00 | ||
| Votre premier programme | 00:00:00 | ||
| Revoyons pas à pas ce premier programme | 00:00:00 | ||
| Section 2 : Site Web interactif: Menu coulissant | |||
| Aperçu et squelette du programme | 00:00:00 | ||
| Sélectionnez un élément | 00:00:00 | ||
| Répondez à un clic et ouvrir le menu | 00:00:00 | ||
| Fermez le menu | 00:00:00 | ||
| Félicitations ! | 00:00:45 | ||
| Section 3 : Javascript: les bases | |||
| Variables | 00:00:00 | ||
| Chaînes | 00:00:00 | ||
| Les opérateurs de comparaisons | 00:00:00 | ||
| L’instruction if | 00:00:00 | ||
| L’instruction else | 00:00:00 | ||
| L’instruction else if | 00:00:00 | ||
| Fonctions | 00:00:00 | ||
| Section 4 : Les événements | |||
| Gérer les événements | 00:00:00 | ||
| click () | 00:00:00 | ||
| .keypress() | 00:00:00 | ||
| event | 00:00:00 | ||
| Section 5 : Site web interactif: construisez un fil d'actualités | |||
| Aperçu et squelette du programme | 00:00:00 | ||
| Montrer une description | 00:00:00 | ||
| Montrer une description et cacher les autres descriptions | 00:00:00 | ||
| Marquer l’article actuel | 00:00:00 | ||
| Raccourcis clavier – Partie 1 | 00:00:00 | ||
| Raccourcis clavier – Partie 2 | 00:00:00 | ||
| Félicitations ! | 00:00:00 | ||
| Section 6 : Le DOM | |||
| Manipulation DOM | 00:00:00 | ||
| Toutes mes Félicitations | 00:00:00 | ||
| Section 7 : Site web interactif: Construisons la page d'accueil de Flipboard | |||
| Aperçu et squelette du programme | 00:00:00 | ||
| Menu déroulant | 00:00:00 | ||
| Diapositive suivante | 00:00:00 | ||
| Point suivant | 00:00:00 | ||
| Allons dans le sens inverse | 00:00:00 | ||
| Toutes mes félicitations ! | 00:00:00 | ||
| Partie 3 : Apprendre PHP | |||
| Section 1 : PHP : Introduction | |||
| A installer | 00:00:00 | ||
| Note sur le Fonctionnement d’un site web écrit en php | 00:00:00 | ||
| Deux façons d’exécuter le code PHP | 00:00:00 | ||
| Section 2 : Les bases en PHP | |||
| Variables | 00:00:00 | ||
| les conditions | 00:00:00 | ||
| Les boucles | 00:00:00 | ||
| Les tableaux | 00:00:00 | ||
| Les fonctions | 00:00:00 | ||
| Section 3 : Transmettre les données de page en page | |||
| Transmission de données avec l’URL | 00:00:00 | ||
| TP : Transmettre les données à l’aide d’un formulaire | 00:00:00 | ||
| TP : Créer votre page de profil – Partie 1 | 00:00:00 | ||
| TP : Créer votre page de profil – Partie 2 | 00:00:00 | ||
| Note sur les variables super globales | 00:00:00 | ||
| Note sur les Sessions et Cookies | 00:00:00 | ||
| Section 4 : PHP MySQL | |||
| Note sur la Présentation des bases de données | 00:00:00 | ||
| phpmyadmin et création de la base de données | 00:00:00 | ||
| Inscrire un étudiant partie 1 | 00:00:00 | ||
| Inscrire un étudiant partie 2 | 00:00:00 | ||
| Voir la liste des étudiants | 00:00:00 | ||
| Quelques liens utiles pour devenir un maître | 00:00:00 | ||
| Partie 4 : Essayer Laravel | |||
| Section 1 : Bienvenue à Laravel | |||
| Prérequis : laravel | 00:00:00 | ||
| Architecture MVC | 00:00:00 | ||
| Le CRUD | 00:00:00 | ||
| Section 2: Projet oschool sports | |||
| Présentation et Installation | 00:10:52 | ||
| Création du modèle et de la base de données | 00:15:20 | ||
| Ajout des colonnes avec Tinker | 00:17:10 | ||
| Création du contrôleur | 00:15:00 | ||
| Syntaxe blade et création du fichier index | 00:11:35 | ||
| Pour aller plus vite | 00:06:14 | ||
| Ajouter une chaussure | 00:18:46 | ||
| Afficher, modifier et supprimer une chaussure | 00:14:13 | ||
| Section 3: BONUS: manipuler les images avec Laravel | |||
| Comment installer et exécuter un projet laravel en local | 00:00:00 | ||
| Intervention image | 00:05:57 | ||
| Ajout de la colonne image dans la base de données | 00:05:35 | ||
| Gestion des images par le contrôleur | 00:14:05 | ||
| Création du champ image dans les formulaires | 00:11:16 | ||
| En résumé sur laravel | 00:03:48 | ||
| Partie 5 : Wordpress | |||
| Qu’est ce que WordPress ? | 00:00:00 | ||
| Installer wordpress | 00:00:00 | ||
| Présentation projet | 00:00:00 | ||
| Back-office et front-office | 00:00:00 | ||
| Thèmes WordPress | 00:00:00 | ||
| Définir la page d’accueil | 00:00:00 | ||
| Personnalisation de la page d’accueil | 00:00:00 | ||
| Menus WordPress | 00:00:00 | ||
| Articles WordPress | 00:00:00 | ||
| Plugins et gestion des utilisateurs | 00:00:00 | ||
| Partie 6 : Hébergement et noms de domaines | |||
| Introduction | 00:00:00 | ||
| L’hébergement web | 00:00:00 | ||
| Les noms de domaine | 00:00:00 | ||
| Les types de serveurs de stockage | 00:00:00 | ||
| Le panel d’administration | 00:00:00 | ||
| La sécurité des sites web | 00:00:00 | ||
| TP 1 : Héberger un site lié à une base de données (cas WordPress) | 00:00:00 | ||
| TP 2 : Héberger un site purement front-end | 00:00:00 | ||
| Partie 7 : Qu'avons-nous appris dans ce cours ? | |||
| En résumé | 00:00:00 | ||
| Partie 8 : Votre carrière | |||
| Introduction à votre carrière | 00:00:00 | ||
| Section 1 : Devenir développeur web salarié | |||
| Où obtenir un emploi | 00:00:00 | ||
| 15 caractéristiques d’un bon programmeur | 00:00:00 | ||
| Section 2 : Devenir développeur freelance. | |||
| Est-ce que le freelance est la meilleur option? | 00:00:00 | ||
| Comment devenir un développeur web freelance? | 00:00:00 | ||
| Comment avoir son premier client en tant que développeur freelance | 00:00:00 | ||
| Les techniques les plus puissantes pour travailler dans une entreprise depuis la maison | 00:00:00 | ||
| 5 ressources pour les travailleurs à distance | 00:00:00 | ||
| Où obtenir les jobs pour freelances | 00:00:00 | ||
| Oschool freelance | 00:00:00 | ||
| Comment bâtir un excellent portfolio | 00:00:00 | ||
FAQ
Vous avez des questions ?
Visitez notre Foire Aux Questions: https://oschool.ci/questions-courantes/
Avis sur ce cours
Cours de la même classe
Insigne de cours
263 PARTICIPANTS INSCRITS
le cours est très bien élaboré. Ca m’a permis d’avoir les bases de la programmation. Merci Dave
impressions!!!
satisfait,c’est la meilleure formation que j’ai faite!