Accueil
Accueil Recherche S'identifier
TECHNOLOGIE & PROGRAMMATION
DÉVELOPPEMENT WEB

Les WebComponents

Créer des balises HTML personnalisées et réutilisables grâce aux WebComponents

Vous souhaitez créer des balises HTML personnalisées et réutilisables tout en étant moins dépendant des frameworks ? Vous voulez aussi créer des components en recourant uniquement aux standards du web ? Ce cours de WebComponents en ligne vous permettra de créer des custom components comme le font vos frameworks Front préférés, mais cela en vous passant desdits frameworks.
3h30 37 chap
4,8/5 (12 votes)
188 élèves
Les WebComponents
Accéder en illimité à ce cours
37 vidéos
Accès 24/7
Certificat

Au programme de ce cours en ligne

Ce cours en ligne sur les WebComponents vous permettra rapidement prendre en main les standards permettant de créer nativement des components. Ainsi, créer des balises HTML personnalisées grâce aux WebComponents sera un vrai jeu d'enfants, et vous bénéficierez d'une réutilisabilité et de performances bien meilleures. Toutefois, avant d'utiliser des surcouches au dessus des WebComponents, il est judicieux de prendre en main les quatre standards que sont Custom elements, Shadow DOM, HTML templates et HTML Imports.
Accessible à tous (débutant comme avancé)
Introduction 00:54 Les quatre standards 05:40 Configurer l'environnement de développement 05:14 Custom Components 08:09 Custom Components (suite) : Callbacks et custom methods 03:14 HTML Template 08:26 HTML Template (suite) 08:22 Shadow DOM 05:39 HTML Import 02:23 Hériter d'un autre Web Component 04:07

Certificat de réussite

Terminez votre cours pour accéder au certificat

Subscription
S’abonner à tout Skilleos Accédez en illimité à plus de 1000 cours en ligne réalisés par des experts et à toutes les fonctionnalités. 7j/7, 24h/24 sur tout appareil. (PC, Mac, tablettes, smartphones…)
S'abonner à 19,90€/mois dont 0,20€ reversés à deux associations humanitaires chaque mois
ou Profitez de Skilleos gratuitement, demandez à votre CSE de vous l’offrir

Samir Medjdoub

Votre expert Pro

Développeur depuis 2003 dans des entreprises clientes publiques (SNCF, URSSAF, EDF...) et privées (Iron Mountain, Jouve, CDiscount...), avec comme comme fil conducteur la conscience qu’il est bien plus facile de rester sur la vague que de tenter de remonter après s’être laissé submerger. Fidèle à cette stratégie, Samir Medjdoub a ainsi pris la vague Angular 2 dès les versions alpha et bêta fin 2015, celle de Node.js il y a sept années de cela et a eu la chance d'évoluer dans des sociétés qui avaient été parmi les premières en France à adopter MongoDB, conjointement aux bases de données relationnelles. Les développeuses et développeurs JavaScript (Front, Back ou Fullstack !) ont de très beaux jours devant eux : investissez dans les frameworks, plateformes et librairies JavaScript qui vous ouvriront de belles opportunités en 2019. en apprendre plus sur Samir Medjdoub
Samir Medjdoub est suivi par 3 168 élèves et a reçu la note globale de 4,6/5 sur 15 cours
image de profil de l'expert

Vos avis sur ce cours

4,8/5
✭✭✭✭☆
sur 12 notes
Excellent ! Très formateur. Ce cours permet également de se familiariser avec l'API Google.
✭✭✭✭✭
Gwen B.
Excellent ! Sujet parfaitement traité
✭✭✭✭✭
bruno B.
Excellent ! cours très passionnant.Merci
✭✭✭✭✭
daniel C.

Les élèves ayant suivi ce cours Développement web ont également suivi

PHP : La classe PDO
PHP : La classe PDO
par Carl Brison
La classe PDO va vous permettre de communiquer avec n’importe quelle base de données (MySQL, SQLite, PostgreSQL, Oracle…) rendant ainsi votre site dynamique. Vous apprendrez à préparer des requêtes SQL en vue de les exécuter. Vous verrez également comment sécuriser au mieux les données qui devront être insérées dans les tables de votre base de données. Vous apprendrez à utiliser la classe PDO pour les 4 familles de requêtes SQL : insertion, modification, suppression et lecture de données.
3h39
5 (13 notes)
Découvrir le cours
Cloner Twitch avec React
Cloner Twitch avec React
par Enzo Ustariz
Dans cette formation nous allons cloner le célèbre site de streaming Twitch avec React. Ce genre de projets est vraiment formateur et permet de passer au niveau supérieur lorsqu'on étudie un Framework JavaScript. Ce projet va vous donner confiance, et c'est également un bon exemple à mettre sur son portfolio. Dans cette formation nous allons utiliser des paradigmes et des outils autour de l'univers de React.
3h30
5 (2 notes)
Découvrir le cours
NodeJS : Développer une API REST avec Express JS et MySQL​
NodeJS : Développer une API REST avec Express JS et MySQL​
par Simon Dieny
Notre expert Simon Dieny est ingénieur logiciel et ancien formateur professionnel sur les technologies JavaScript, un langage de programmation pour le Web. Il vous accompagnera dans ce parcours et vous délivra la méthode pour créer une API REST sur NodeJS qui soit fonctionnelle et déployable sur une application Web et mobile. L'objectif est que vous soyez capable de développer vos propres structures de manière autonome. Pour cela, vous serez amené à installer des logiciels : NodeJS, Express JS, Insomnia, l'ORM Sequelize, XAMPP, Git, Heroku CLI et un éditeur de code de votre choix optimisé pour JavaScript. Puis, pour exploiter la puissance du code JavaScript côté serveur au maximum, il vous sera indispensable d'apprendre à créer un ensemble de routes d'Express JS et une base de données SQL, ainsi que de développer et combiner des middlewares d'Express JS. Vous serez aussi formé à sécuriser votre programme avec des jetons JWS. Vous gérerez l'authentification de chaque client avec JWT et formaterez des réponses HTTP de qualité en format JSON pour simplifier l'utilisation de l'interface pour le client. Avec MySQL et Express JS, créer une API REST avec un environnement JavaScript backend ne sera plus un projet de programmation JavaScript backend lointain et irréalisable. En suivant ce cours orienté pour les débutants, vous pourrez ajouter votre premier projet backend à votre portfolio et certifier vos compétences en la matière. N'hésitez plus, lancez-vous dans ce parcours et développez vos services web API REST avec NodeJS !
7h51
Découvrir le cours
Grid & Flexbox : le CSS moderne
Grid & Flexbox : le CSS moderne
par Carl Brison
Apprenez à développer des pages web responsive en utilisant les dernières technologies CSS, à savoir Grid et Flexbox. Découvrez la technologie Grid qui permet de réaliser une grille CSS virtuelle afin d'élaborer des pages web complexes et entièrement responsive. Découvrez également une technologie complémentaire à Grid, la technologie FlexBox. Cette technologie CSS permet de rendre flexible toute sorte d'éléments HTML et ainsi de les positionner très facilement au sein d'une page web.
4h51
4.9 (45 notes)
Découvrir le cours
VueJS et Firestore : Créer une Single Page Application
VueJS et Firestore : Créer une Single Page Application
par Samir Medjdoub
Dans ce cours VueJS et Firestore en ligne, afin de faire communiquer votre Front VueJS avec votre Backend Firestore, vous verrez en détail comment créer une DAL (Data Access Layer) qui vous permettra de coupler faiblement votre Front avec votre Backend. Beaucoup d'astuces de pro seront dévoilées, qui vous permettront de développer rapidement vos applications VueJS, notamment grâce à Vue CLI 3 et aux snippets de "Vue VS Code Snippets" que vous utiliserez tout au long de ce cours. Cerise sur le gâteau, vous découvrirez comment implémenter une fonctionnalité d' "edit in place" qui permettra à vos utilisateurs d'éditer de façon conviviale du contenu.
2h55
4.9 (12 notes)
Découvrir le cours
Vue JS 3
Vue JS 3
par Samir Medjdoub
Pour un développeur d'applications web ou d'interface utilisateur, le choix du framework est très important. Ainsi, dans ce cours en ligne, le développeur Samir Medjdoub vous apprendra à utiliser Vue JS 3, un framework JavaScript open-source. Après une introduction à la création d'une application Vue JS 3, vous apprendrez à créer et à gérer des formulaires Vue JS 3, notamment en apprenant à binder des références et des tags HTML. Ensuite, vous apprendrez à afficher une collection, à utiliser le lifecycle hook et à créer un système de recherche et de filtres. Vous apprendrez également à valider un formulaire, à supprimer une tâche, puis, avant de terminer ce cours avec une conclusion, à modifier une tâche notamment en créant des composants modaux. Ainsi, après avoir suivi ce cours, vous saurez utiliser le framework JavaScript Vue JS 3. Alors, n'attendez plus pour apprendre à faire une bonne utilisation de ce framework et commencez le développement d'applications web et d'interface utilisateur en toute simplicité.
3h30
4.9 (7 notes)
Découvrir le cours
React JS
React JS
par Anthony Welc
Avec ce cours sur React JS vous apprendrez à utiliser React JS, que vous soyez débutant ou confirmé. Vous pourrez ainsi créer des applications et pages web efficacement.
8h01
4.8 (35 notes)
Découvrir le cours
Django : les Fondamentaux
Django : les Fondamentaux
par Robin Penea
Il existe de nombreuses manières de créer un site web par soi-même. Grâce à des codes différents comme HTML, CSS ou encore JavaScript, mais aussi des frameworks divers et variés. Certains outils demandent plus de temps d'apprentissage que d'autres. C'est pourquoi ce cours va vous apprendre à créer un site web avec Django, un framework puissant et open source qui fonctionne avec le langage de code Python. Accompagné de votre expert Robin Penea, ingénieur software depuis plus de 10 ans, vous apprendrez à maîtriser les fondamentaux de Django à travers de la théorie et des exercices concrets pour finalement être capable de concevoir une application et créer un blog à partir de rien. Pour commencer, vous apprendrez à installer votre environnement de travail et chaque fichier nécessaire selon votre système d'exploitation (Windows, macOS et Linux). Vous comprendrez les interactions entre les acteurs du web et concevrez vos premiers projets d'application avec le framework Django. Vous saurez configurer des URLS et afficher les données des utilisateurs. Vous serez aussi en capacité de personnaliser le site administrateur (admin) de votre site et prendrez en main l'outil Bootstrap pour réaliser le design de votre site ou application. Enfin, votre professeur Robin Penea vous guidera dans la conception d'une application de blog, en passant de la création de la structure avec Bootstrap, à la réalisation de votre première page à propos, en passant par la conception d'une barre de navigation. Vous saurez créer en toute autonomie des sites web fonctionnels avec du langage informatique Python. Après avoir visionné l'intégralité de ce cours pour apprendre à créer un site web avec Django, vous obtiendrez un certificat de suivi attestant que vous savez développer de vous-même un site web complet et fonctionnel avec le framework Django. Alors à votre code, prêt ? Codez !
8h03
4.8 (9 notes)
Découvrir le cours
Animer des éléments HTML grâce au CSS
Animer des éléments HTML grâce au CSS
par Carl Brison
Que vous soyez débutant ou que vous souhaitiez améliorer vos connaissances dans le langage CSS, ce cours de création d'animations HTML en ligne vous donnera toutes les clés pour réaliser des sliders sur votre site sans avoir recours à un langage de programmation. Vous mettrez également en pratique cette théorie grâce à un exercice concret, qui testera le côté responsive de votre réalisation.
1h15
4.8 (42 notes)
Découvrir le cours
Introduction au développement web (Gratuit)
Introduction au développement web (Gratuit)
par John Taieb
Dans ce cours de développement web en ligne, vous découvrirez toutes les bases du développement web et du codage informatique. Grâce à l'expertise et à la passion de votre professeur John Taieb, développeur et codeur talentueux et autodidacte, vous apprendrez bien vite comment fonctionne un site web, ainsi que le vocabulaire clés à connaitre pour devenir un bon développeur web. En quelques heures de cours, des notions complexes de prime abord comme le développement front-end ou back-end vous seront parfaitement familières. John Taieb vous accompagnera dans l'installation et la découverte jusqu'à la maitrise parfaite du logiciel Adobe Brackets : il vous formera à l'utilisation de cet outil et en quelques heures, vous serez en mesure de coder comme un professionnel dans différents langages HTML, JavaScript, PHP et tant d'autres encore. N'attendez plus, ce cours est fait pour vous : À vos codes, prêt ? Partez !
0h22
4.6 (1094 notes)
Découvrir le cours

Autres thématiques Pro qui pourraient vous intéresser

Bureautique & Productivité
Bureautique & Productivité
Business
Business
Informatique pour débutants
Informatique pour débutants
Multimédia
Multimédia
Technologie & Programmation
Technologie & Programmation
Insertion Pro & Sociale
Insertion Pro & Sociale