La théorie est bonne, mais parfois, le meilleur moyen d'apprendre consiste à plonger dans un projet concret. Donc, dans cet article, je vais vous donner une introduction rapide à huit cours conçus pour vous permettre d’apprendre en construisant vous-même des choses - avec des conseils complets tout au long du parcours..
Dans ces cours, vous apprendrez différents aspects de la conception Web, de l'animation à la conception d'interface utilisateur. Et, mieux encore, vous réaliserez toute une gamme de projets utiles, allant des menus et curseurs aux galeries d'images et aux barres de notification..
Le modèle CSS Flexbox commence à être généralisé et est désormais pris en charge par tous les principaux navigateurs. Dans ce cours, Craig Campbell s’appuiera sur son cours CSS: Flexbox Essentials pour décrire six projets CSS pratiques à utiliser au quotidien..
Dans ce cours, vous utiliserez CSS3 pour réaliser dix projets de personnalisation et de présentation, allant d'une carte de visite personnelle à une présentation de type PowerPoint. Ces projets vous aideront à comprendre certaines des techniques de conception les plus récentes apportées par CSS3. Kezz Bracey vous guidera à travers les dix projets, et vous utiliserez CodePen pour construire chacun d'eux..
Dans ce cours, vous allez créer dix projets d’interface utilisateur et de présentation qui vous aideront à apprendre les nouvelles techniques de conception impressionnantes apportées par CSS3. Vous utiliserez CodePen. À chaque fois, l'instructeur Kezz Bracey vous demandera de faire une copie du "stylo" de base, après quoi vous pourrez suivre tout au long de la création du produit final. Regardez la vidéo ci-dessous pour un aperçu des dix projets que vous allez réaliser..
L'époque des sites Web chargés d'animation est en train de s'estomper, mais il reste encore quelque chose à dire pour un site avec de petites quantités de mouvements subtils et accrocheurs pour aider les utilisateurs à interpréter les interfaces. Dans ce cours, Craig Campbell vous montrera des façons pratiques de créer des animations pour des boutons, des tableaux de tarification et d’autres éléments Web, à l’aide de CSS et de jQuery concis..
GreenSock est un framework JavaScript qui facilite l'animation d'éléments HTML. Au cours de ce cours, vous ferez vos premiers pas en apprenant à utiliser ce puissant cadre. Tant que vous maîtrisez le langage HTML et CSS, et que vous maîtrisez le langage JavaScript, vous disposez de tout ce dont vous avez besoin..
Dans ce cours, vous irez au-delà des bases de l’animation GreenSock, tandis que Craig vous fera visiter les plugins fournis avec GSAP..
Dans ce cours, Craig vous guidera à travers trois projets dans lesquels vous apprendrez à créer des animations programmatiques, dans des scénarios réels, à l'aide de la plate-forme d'animation GreenSock. Vous apprendrez à créer un préchargeur animé, une animation de logo SVG et un curseur de contenu personnalisé..
Dans ce cours de pause-café, Craig vous montrera tout ce que vous devez savoir pour commencer rapidement à créer des animations à l'aide des propriétés de transition CSS. En seulement dix minutes, vous apprendrez à créer un mouvement en n'utilisant que quelques propriétés CSS..
Vous pouvez suivre l'un de nos cours immédiatement avec un abonnement à Envato Elements. Pour un tarif mensuel modique, vous avez accès non seulement à ces cours, mais également à notre bibliothèque croissante de plus de 1 000 cours vidéo et de livres numériques de premier plan sur l'industrie sur Envato Tuts.+.
De plus, vous obtenez maintenant des téléchargements illimités à partir de la vaste bibliothèque Envato Elements de plus de 200 000 photos et de plus de 26 000 ressources et modèles. Créez avec des polices, des photos, des graphiques et des modèles uniques et livrez plus rapidement de meilleurs projets.