Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
2020-12-17 21:29:13
30-Day Money-Back Guarantee

This course includes:

  • 13.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
Development Web Development Angular

Maîtriser les fondamentaux Angular 10 + HTML/CSS + Bootstrap

Maîtriser le développement SPA : Boostrap, HTML, CSS, Angular
New
Rating: 4.9 out of 54.9 (6 ratings)
65 students
Created by Evan BOISSONNOT
Last updated 12/2020
French
30-Day Money-Back Guarantee

What you'll learn

  • Découvrir le HTML
  • Découvrir le CSS
  • Découvrir le framework Twitter Bootstrap
  • Savoir créer une application Web avec Angular
  • Comprendre le B-A-Ba d'Angular
  • Savoir différencier SPA (Single Page Application) de MPA (Multiple Page Application)
  • Créer une API bouchon
  • Créer une SPA
  • Découvrir le TypeScript
  • Apprendre les forces et faiblesses de Javascript
  • Apprendre la programmation POC : Programmation Orientée Composant

Course content

20 sections • 191 lectures • 13h 19m total length

  • Preview01:45
  • Preview01:53
  • Preview02:07
  • Preview04:20
  • Preview05:12
  • Preview03:27
  • XP gagnés !! :)
    00:17

  • Preview00:24
  • Preview04:32
  • Et le http, c'est quoi ?
    09:21
  • Découverte html
    06:10
  • Structure obligatoire et explications
    05:22
  • Comment découper sa page
    05:27
  • Les divs
    07:12
  • Live server
    03:52
  • Les images
    07:29
  • Section / article : théorie
    03:26
  • Section / article : pratique
    02:24
  • Correction de l'exercice
    04:16
  • XP gagnés !! :)
    00:17

  • Notre but : embellir la page, la rendre sexy (enfin un peu)
    00:45
  • CSS : déjà on peut en mettre dans chaque balise
    04:39
  • Changement de la couleur de la taille de font
    00:22
  • Correction
    04:35
  • On souhaite l'appliquer à plusieurs éléments : comment ?
    07:04
  • Découverte de la notion de classe
    06:56
  • On va chercher à utiliser le css par fichier
    04:48
  • Bravo
    00:39
  • XP gagnés !! :)
    00:17

  • C'est quoi le responsive design
    01:32
  • Une dernière règle css, plusieurs classes sur une meme balise
    05:13
  • Les points importants du RD en CSS / Html
    07:03
  • Découvrons le flex
    06:30
  • D'autres possibilités que le flex
    02:22
  • Une seconde notion très importante : le media query
    04:35
  • C'est à vous, améliorer notre page d'accueil
    02:05
  • Correction : footer et header
    06:06
  • Correction row et col
    07:20
  • Correction : auto margin
    04:09
  • media query
    02:37
  • Ne plus se prendre la tête : un framework css
    02:08
  • Bravo
    01:07
  • XP gagnés !! :)
    00:17

  • Démarrage mission
    00:13
  • Problèmes rencontrés
    06:58
  • Présentation git
    07:03
  • Git local => Actions importantes : init / commit
    06:41
  • Un nouveau commit et le log
    05:53
  • Revert
    06:28
  • Travail à plusieurs à distance : github
    09:10
  • Git clone / git push
    07:48
  • Git pull
    02:45
  • Notion de branches : pourquoi / univers paralleles
    06:56
  • Deux branches de base : master / dev
    08:46
  • Git merge branch
    02:47
  • Git push -u
    04:19
  • Git repo conseillé
    03:16
  • Bravo !
    01:51
  • XP gagnés !! :)
    00:17

  • Démarrage mission
    01:17
  • Rappel des notions autour du responsives + css
    04:23
  • "installation"
    07:18
  • "decouverte rapide"
    08:21
  • notion de grille => row + col + container
    07:25
  • prépara grid + col + article
    07:49
  • ajout image
    06:21
  • Mise à jour header
    05:33
  • Ajout footer article
    06:46
  • ajout nav
    07:45
  • ajout footer principal
    10:00
  • modal
    06:18
  • cacher bloc si petit taille
    02:30
  • Bravo
    01:55
  • XP gagnés !! :)
    00:17

  • Démarrage mission
    01:28
  • Le chargement d'une page, ça se passe comment ?
    08:09
  • Et si on découpait ça en composants ?
    08:27
  • On va installer angular, c'est quoi ?
    03:34
  • Présentation npm / node
    06:53
  • Installation angular
    11:19
  • typescript ?
    08:59
  • On change le titre de la page
    07:38
  • Bravo
    02:51
  • XP gagnés !! :)
    00:17

  • Démarrage mission
    00:40
  • Le point essentiel : le component, la vue
    02:12
  • Apprendre à se repérer dans Angular
    03:28
  • Résultat des comptes
    08:20
  • Résultat des comptes (suite)
    11:32
  • Revenons à la vue - Premiere condition
    09:23
  • ng for
    08:08
  • Retour exo/boss, avec selfie et wookie
    12:24
  • ng else
    03:15
  • Bravo
    02:46
  • XP gagnés !! :)
    00:17

  • Démarrage mission
    01:24
  • Intégrer du css + js : les différentes voies
    04:06
  • Intégrer du js + css depuis la SPA
    03:05
  • Intégrer du js + css depuis angular .json
    08:26
  • Choisir entre les deux
    01:29
  • Le css par composant
    02:31
  • Bravo !
    01:24
  • XP gagnés !! :)
    00:17

  • Démarrage mission
    01:24
  • Notion de multi composants / POC
    04:40
  • Explication composant
    05:05
  • Un menu - premier vrai composant
    08:31
  • Un second composant: le listing des wookies
    00:57
  • On améliore avec le html qu'on avait
    06:15
  • On finalise la beauté avec le container
    02:10
  • Sous composant par selfie
    06:11
  • Découverte d'input
    10:32
  • Bravo
    01:30
  • XP gagnés !! :)
    00:17

Requirements

  • Savoir coder
  • Savoir programmer
  • Connaître les conditions, les switchs, les for, les foreach
  • Connaître la POO (les bases)
  • Comprendre ce qu'est une classe, une interface
  • Savoir coder les bases du javascript

Description

Angular, Bootstrap, tout ça pour faire un site web ?


Vous avez envie de vous mettre à Angular, framework Google réputé, pour faire des applications SPA.
Mais par quel bout le prendre ? Le framework vous paraît costaud à appréhender ?


Vous souhaitez en savoir plus, tout en apprenant à créer un site web professionnel ?

Vous avez envie de devenir développeuse, développeur FullStack ?!


Cette formation est faite pour vous, pour bien démarrer dans le développement web, Full Stack!


En résumé

Bienvenue dans cette formation pour apprendre à créer des applications web FullStack, avec Angular, BootStrap !

A travers la mise en place d'une application web mobile (un Selfie à Wookie), nous apprendrons à créer :

  1. Une application web dite SPA (Programmation Orientée Composant) , professionnelle

  2. Une application web fonctionnant sur Linux ou Windows

  3. Une architecture logicielle propre, professionnelle et évolutive


Ce qui est couvert

Nous apprendrons plusieurs notions super fun, et essentielles pour la création de sites web professionnels :

  • Mettre en place une page d'accueil propre et bien pensée

  • La formation initiale HTML 5 : les principaux composants, la logique HTTP

  • L'apprentissage des bases du CSS 3 : les flex grid, la logique de grille, les animations, ...

  • L'apprentissage des fondamentaux Angular, dans sa dernière version (pour l'instant 10-11)

  • Créer des pages dynamiques, branchées à API REST

  • Créer un site internet pensé pour les moteurs de recherche d'aujourd'hui

  • Apprendre et utiliser un framework css reconnu : Bootstrap

  • Comment déployer notre site internet, notre application mobile sur un serveur

  • Mettre en place des tests unitaires de votre application : côté Angular


Durant toute la formation

Chaque session vous guidera pas à pas, dans la réalisation de notre application de Selfie à Wookie.

Pour compléter l'aventure, vous aurez accès à l'ensemble des sources du projet, section après section, pour bien avancer, et ne jamais se sentir perdu-e (c'est un de mes buts premiers, en tant que votre hôte, votre formateur).


A la fin de la formation

Vous aurez réalisé une application web !

Vous aurez une application de Selfie à Wookie : Instagram n'a qu'à bien se tenir :D

Et surtout : vous saurez créer des sites web avec Angular, Boostrap !


Et c'est vous qui l'aurez réalisé, étape après étape, pas à pas !


Vous commencez quand ? :=)

Who this course is for:

  • développeuses backend intéressées par le web
  • développeurs backend intéressés par le web
  • développeuses javascript, web souhaitant créer des application web FullStack
  • développeurs javascript, web souhaitant créer des application web FullStack
  • développeuses souhaitant créer des applications web propres et bien architecturées
  • développeurs souhaitant créer des applications web propres et bien architecturées

Instructor

Evan BOISSONNOT
Formateur et ingénieur développeur
Evan BOISSONNOT
  • 4.6 Instructor Rating
  • 285 Reviews
  • 1,062 Students
  • 3 Courses

Passionné de code depuis l'âge de 9 ans (jour où j'ai eu mon Amstrad 6128 plus), je n'ai plus arrêter de coder, programmer depuis ! 

Depuis tout petit, j'aime aussi apprendre, enseigner, aider les autres à acquérir de nouvelles connaissances.

En joignant ces deux passions, j'avais trouvé ma voix : devenir formateur ! 

Au plaisir de vous proposer mes cours, de vous apporter un enseignement ludique et fun ! 


- Techniquement parlant

J'ai commencé à apprendre à programmer avec le langage BASIC.

Puis, j'ai eu une période Windev, PHP, et VBA, avant de trouver mon premier langage d'affection : C# et le framework dotnet.
Je suis devenu développeur .net depuis 2002, lors de la création du framework par Microsoft.

J'ai tellement cru en ce langage et à son framework, que j'ai créé une entreprise dédiée (au démarrage) à deux de mes passions : .net et l'agilité.
NETil était née, et elle a duré 8 ans !

Durant ces 8 ans, nous avons (nous étions 14) développé principalement en .net, en node.js et en angular.js.

C'est à ce moment là que j'ai commencé à donner des formations dotnet, nodejs et agile.
Je les continue à trois quart temps depuis deux ans.


Pour me suivre sur github : evan-boissonnot.


- Mes passions

Le code, la programmation !

La formation, apprendre à apprendre.

Star wars, marvel, ...
La SF !

Le blogging

Le badminton

Le footing

Mes enfants


Et aujourd'hui ?

Aujourd'hui, je donne des formations présentielles, autour de :

- C# : apprendre le langage, découvrir les dernière nouveautés, monter au niveau intermédiaire, expert

- MVC net : créer un site mvc net, optimiser ses sites internet mvc net

- asp net : la même que pour mvc net

- architecture logicielle : bien coder, green coding, les bases de l'architecture, les design patterns

- WPF / UWP : créer des applications riches avec du XAML

- Angular : débuter en angular 6 et 7

- Nodejs : créer un site internet nodejs

- agilité : découvrir l'approche agile, apprendre SCRUM, maitriser SCRUM


Je crée en continue des  formations en lignes.


Et enfin, je suis en train de monter une startup, yeah !


A très vite autour d'une formation ! :)

Evan

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.