Devslopes by Mark Price

Développement Web Full Stack : Comment créer un site Web !

Didacticiel sur le développement Web HTML, CSS, Bootstrap 4, ES6 React et Node

16,676 enrolled

Réputé

Gratuit $36.65

Offre à durée limitée.

regarder maintenant

210 Etudiants

Description

Devenez un Full Stack Ninja en quelques semaines! Avec ce cours en ligne facile à suivre, vous pouvez passer du statut de débutant total avec zéro expérience de codage en HTML, CSS, JavaScript, Bootstrap4, ES6 et Node à un développeur web Full Stack en herbe! Ce didacticiel vous apprendra tous les sujets de développement Web complets que vous avez toujours voulu apprendre!

Que vous souhaitiez commencer votre carrière de pigiste en tant que développeur full stack ou éblouir les recruteurs et les employeurs avec un portefeuille de projets de développement de sites Web dynamiques, ce tutoriel peut vous aider à atteindre cet objectif et plus encore!

Qui peut suivre ce cours?

Développement Web Full Stack pour tous

Pour les débutants, pour les chats curieux, les adolescents, les étudiants, les entrepreneurs et même pour les développeurs Web junior full-stack, ce cours a été conçu pour les personnes intéressées par les bases du développement Web.

Ce didacticiel commence par vous familiariser avec toutes les bases de la création d'un site Web à l'aide de HTML et de CSS. Il vous explique ensuite comment coder votre premier site Web à l'aide des API JavaScript, Bootstrap4, React, Node, Mongo et Rest. À la fin du didacticiel, vous pourrez passer de la création de sites Web simples à la création de sites plus complexes, comme ceux utilisés par les grandes entreprises du secteur des technologies.

Débuter avec le développement Web Full Stack

Pourquoi apprendre le développement Web?

Le développement Web est l’une des compétences les plus en demande sur le marché du travail. Avec une moyenne annuelle de 70 000 $ pour les développeurs juniors, les développeurs web full-stack sont certainement très demandés!

La meilleure partie de Full-stack est l’opportunité de décider si vous voulez vous concentrer uniquement sur le front-end ou le back-end ou l’UI / UX. Bien que Front-end design et UI / UX vous apportent les compétences requises pour concevoir et créer des sites Web en HTML et CSS, le back-end vous permet de développer des sites Web avec d'autres langages de programmation.

Ce tutoriel adopte une approche simplifiée pour vous guider sur les concepts de base du développement Web full stack et vous apprendre à créer votre premier site web. Chaque sujet est associé à un projet que vous pouvez ajouter à votre portfolio après l'avoir terminé. La grande partie est que vous pouvez apprendre à votre rythme!

Le contenu des cours

Ce cours couvrira les principaux sujets de base et d’arrière-plan, y compris la dernière version de HTML et CSS, à savoir HTML5 et CSS3, JavaScript et les bibliothèques JS telles que React et ES6, Node et jQuery. Vous apprendrez également à utiliser DOM Manipulation, MongoDB, RestAPI et bien d’autres.

Fonctionnalités supplémentaires

Communauté de chat

Vous n’êtes pas obligé d’aller seul pour devenir un développeur Web Full Stack! Ce tutoriel vous permet de bénéficier du soutien d’une communauté dynamique de plus de 50 000 apprenants. Vous pouvez poser toutes vos questions difficiles ici, et plusieurs apprenants seront disponibles pour vous donner une réponse.

La salle de discussion est disponible 24 heures sur 24, 7 jours sur 7 et l'administrateur du cours sera prêt à répondre à toutes vos questions sur le cours. Vous pouvez également signaler tout problème technique rencontré.

Il n'y a jamais eu de meilleur moment pour apprendre le développement de sites Web! Commencez votre voyage de développeur web full stack maintenant! Aucune connaissance préalable ni expérience de la programmation n'est requise pour commencer le cours.

Qu'allez-vous apprendre?

• HTML5

• CSS3

• JavaScript et ses bibliothèques populaires

• Manipulation DOM

• Express

• MongoDB

Afficher plus Afficher moins

Qu'est-ce que vous allez apprendre ?

Comment construire des sites Web avec HTML et CSS Comment travailler avec des bases de données NoSQL telles que MongoDB Comment créer des sites Web conviviaux pour les appareils mobiles avec Bootstrap 4 et CSS Comment créer des API et des serveurs avec Node et Express Comment créer des applications Web full-stack avec le framework React de Facebook

Prérequis

Un PC ou un ordinateur portable sous Windows ou MacOS Une connexion internet

NFT Certificate

126 Leçons

Débutant

English

4.5 Note

+100 XP

Share Course on Social media

Curriculum

Course consist of total 25h 42m of content, in total.

Section 1: Introduction au développement Web

56:53

Préparer son environnement de développement

Regardez maintenant

HTML - Construire votre premier site web

Regardez maintenant

Introdution à HTML, HEAD, BODY, et HEADER

Regardez maintenant

HTML - Listes, Paragraphes, et style de texte

07:59

HTML - Affichage de données avec des tables

07:38

HTML - Images & Forms

12:21

Section 2: Introduction au CSS

1:27:35

Qu'est-ce que le CSS ?

Regardez maintenant

Comment utiliser le CSS en ligne, interne et externe

08:57

CSS: les selecteurs d'élément, ID & Class

10:36

CSS : les couleurs

14:18

CSS: Le fond et les bordures

10:33

Utiliser les outils du navigateur web

13:31

CSS : combiner

05:31

CSS : grouper

05:32

CSS : spécificité

15:15

Section 3: CSS de niveau intermédiaire

1:01:06

CSS: style et formatage de texte

20:14

CSS : Police de texte Google

08:15

CSS : les images

09:49

CSS : le Padding & le Margin

09:42

CSS : les lignes et les colonnes

13:06

Section 4: CSS de niveau avancé : construire un style à son site web

3:20:52

CSS : Introduction à construire votre premier site web !

01:15

CSS : construire la barre de navigation

22:48

CSS : rendre la barre de navigation responsive - Partie 1

11:00

CSS : rendre la barre de navigation responsive - Partie 2

23:44

CSS : créer un group de formulaire

30:47

CSS : les iframes

22:17

CSS : travailler avec les images et les ombres

42:35

CSS : Travailler avec le texte et l'espacement des images

28:25

CSS : Construire le pied de page

18:01

Section 5: Apprendre le Javascript

3:21:03

C'est l'heure d'écrire du Javascript

08:50

Les références Javascript

04:21

Javascript : Commentaires et comment ajouter un script

07:44

Javascript : les variables et les chaînes de caractères

12:57

Javascript : les nombres

08:03

Javascript : les opérateurs de comparaison

15:40

Javascript : les opérateurs logiques

15:19

Javascript : les tableaux

16:16

Javascript : les boucles

14:22

Javascript : les fonctions

22:19

Javascript : les objets

27:05

Javascript : lier les éléments au modèle

08:30

Calculatrice de pourcentage - Configuration du formulaire

07:56

Calculatrice de pourcentage - Saisir des éléments avec Javascript

10:38

Calculatrice de pourcentage - Utilisation des écouteurs d'événement

12:54

Calculatrice de pourcentage - Algorithme & Prevent Default

08:09

Section 6: Section 6 - gestion des versions avec Git

1:27:32

Git & gestionnaire de version - la manière amusante

11:59

Notions de base sur les terminaux - changer de répertoire

06:07

Notions de base sur les terminaux - copier et renommer un fichier

08:57

Notions de base sur les terminaux - créer un répertoire et un fichier

04:30

Notions de base sur les terminaux - supprimer des répertoires et des fichiers

06:01

Notions de base sur Git

17:16

Configurer Github sur macOS

04:36

Répertoire de code distant et local

11:14

Traiter les conflits de fusion de git

16:52

Section 7: Introduction à Bootstrap 4

41:30

Qu'est-ce que Bootstrap 4?

03:12

Télécharger Bootstrap 4

03:04

Bootstrap 4 : configurer le projet

07:15

Bootstrap 4 : aperçu des composants

05:57

Bootstrap 4 : comprendre les classes Bootstrap

03:15

Bootstrap 4 : utiliser le système de grille

18:47

Section 8: Bootstrap 4 : créer une page de connexion

1:05:19

Aperçu du projet

02:05

Les cartes Bootstrap 4 : Création de la zone de connexion

19:36

Les formulaires Bootstrap 4 : ajouter les champs de texte

16:38

Les boutons Bootstrap 4 : ajouter le bouton "s'enregistrer"

18:31

Les grilles Bootstrap 4 - Terminer la compatibilité Mobile

08:29

Section 9: Bootstrap 4 : Skate or Die Website

2:12:33

Bootstrap 4 : Skate or Die Intro

01:16

Bootstrap 4 : travailler avec la barre de navigation

10:32

Bootstrap 4: utiliser le caroussel

23:15

Bootstrap 4: imbriquer les lignes et les colonnes

20:55

Bootstrap 4: fenêtre modal

16:11

Bootstrap 4 : ajouter des images et des boutons

18:58

Bootstrap 4 : Dimension de la fenêtre Modal

18:19

Bootstrap 4 : Construire le pied de page

07:34

Bootstrap 4: Travailler avec Font Awesome Favicons

15:33

Section 10: Sass pour débutants

3:32:02

Introduction à Sass

01:10

Qu'est-ce que c'est Sass?

08:02

Comment installer Sass et compiler du CSS

11:46

Votre premier site web avec Sass

29:47

Différents outils pour compiler Sass

06:44

Comment structurer votre code Sass

14:44

Sass Partials: règles de styles maintenables

07:15

Les variables Sass et l'import : créez une feuille de style propre et évolutive

20:53

Sass Mixins : Gagnez du temps et recyclez les styles

11:56

Sass Extends : Partager les propriétés de style entre plusieurs sélecteurs

06:18

Projet final : Introduction à notre page d'accueil

01:00

Projet final : Configurer nos variables

15:22

Projet final : Styliser notre Navbar avec Sass

11:05

Projet final : Création du conteneur de bannière

03:19

Projet final : Ajout de contenu à notre conteneur de bannières

10:25

Projet final : Faire un nettoyage rapide dans nos fichiers Sass

04:24

Projet final : Utilisation de la méthode Extend

05:03

Projet final : Styliser un séparateur de section avec Sass

05:02

Projet final : Utiliser des mixins avancés

21:15

Projet final : Styliser le prochain conteneur avec Sass

05:51

Projet final : terminer notre page d'accueil, félicitations!

10:41

Section 11: Introduction à Node, Mongo, & APIs REST

3:22:49

Comprendre les requêtes Web

17:12

Installer Node sur macOS

07:49

Tout sur JSON

10:40

Les notions de base de Node

09:23

Les modules Node

05:39

Créer votre première API

16:58

Postman, requêtes GET & POST

19:23

Paramètre d'URL et requêtes DELETE

18:16

Installer MongoDB sur macOS

05:41

Travailler avec le shell Mongo

12:18

Recherche de documents

08:04

Suppressions et documentation

04:24

API Swag Shop : Création de projet

10:09

API Swag Shop : Création du modèle

14:41

API Swag Shop : ajout de produits

12:55

API Swag Shop : récupérer des produits

09:56

API Swag Shop : Remplir des données

19:21

Section 12: Introduction à React

3:13:42

Swag Shop : configuration des outils

18:58

Swag Shop : installer Bootstrap

11:28

Swag Shop : configurer l'API

06:26

Swag Shop : créer le service http

19:01

Swag Shop : les promesses avec ES6 & React

12:20

Swag Shop : les composants React - Les produits du site

13:48

Swag Shop : Props dans React

11:01

Swag Shop : conserver l'état dans React

13:46

Swag Shop : Création d'un composant de liste de souhaits

24:50

Swag Shop : Construire un service de données Singleton

11:23

Swag Shop : Création d'un service de notification

13:09

Swag Shop : Enregistrement de notifications pour les composants React

07:31

Swag Shop : Observer les notifications dans React

13:47

Swag Shop : Finition de notre application complète Stack React

16:14

Revues de cours

Shivam K.

17 May, 2020

M L T.

19 January, 2020

Robert Nana S.

12 October, 2019

Preston L.

13 November, 2018

Samuel M.

19 September, 2018

EXCLUSIVE OFFER: GET 25% OFF

Save Big With DataCamp Promo Code

Days

Hours

Minutes

Seconds

GET 25% OFF