Contenu

• C1: Hello

  • Promo video

  • Quoi et pourquoi un développeur frontend?

  • Qu'est-ce que le bootcamp ?

  • Connaissez votre instructeur!

  • Comment s'inscrire

• C2: HTML & CSS

  • Hello world - Votre première page web

  • La syntaxe générale du HTML et les balises de base

  • Correction pour le 1er défi

  • Listes & liens

  • Images cliquables

  • Pages locales

  • Styliser votre page

  • Utiliser des feuilles de style distinctes - CSS

  • Concevez votre page avec des boîtes

  • Utiliser un framework de style externe

  • Mises en page

  • Conception réactive

• C3: Créer une page d'accueil

  • Menu supérieur et section héros

  • Création de la section espace réservé pour la vidéo

  • Construction de la section de bloc horizontale

  • Section des deux côtés

  • Rubrique appel à l'action

  • Section fonctionnalités multiples

  • Section grille et newsletter

  • Section de footer

  • Responsiveness

• C4: Création de la page d'accueil Youtube - Atelier

  • Aperçu

  • Barre de navigation supérieure

  • Navigation à gauche

  • Barre de catégorie

  • Éléments vidéo

• C5: Javascript

  • Bonjour le monde - première étape

  • Concepts de base

  • Les boucles

  • Les tableaux

  • Variables d'objet

  • Les fonctions

  • Créer un compteur

  • Afficher les noms sur html à partir de javascript

  • Saisissez les noms et affichez-les sur la page

• C6: AlpineJS

  • Hello AlpineJs

  • 1st challenge - Correction

  • 2nd Challenge - 1st part

  • 2nd Challenge - 2nd part

  • Todo APP - Building the UI

  • Adding the project to GIT

  • Add tasks and display them

  • Moving tasks between todo and done

  • Adding persistent storage

  • Improving the code

• C7: VueJS

  • Hello world

  • Project User Interface

  • Attribute Binding

  • Two ways data synchronization

  • Conditional Rendering

  • Iterative rendering

  • Event Handling

  • Classes & Styles binding

  • Installing packages with a package manager

  • Creating Vue 3 Projects with a package manager

  • Installing TailwindCSS with a package manager

  • Components

  • Integration with Backend

  • Data pagination

  • Save project in a remote version control (Github)

• C8: Package Management in Javascript

  • Exploring the package manager - NPM

  • Installing Alpinejs with a package Manager

  • Test Your knowledge

• C9: Creating a simple Shop with VueJS

  • Exploring the project

  • Building the variant selector

  • The Menu Bar