Bienvenue à la ressource la plus complète pour Material-UI à ce jour!

À travers 35 heures et plus de 200 conférences, Je vais vous apprendre absolument tout ce qu’il y a à savoir sur la création d’applications finement conçues à l’aide de l’outil le plus utile que j’ai appris depuis React lui-même – Material-UI!

Optimisation Wrdpress

Propriétaire du site? Comparez les services d’hébergement Web WP approuvés et vérifiés. Choisissez votre hébergeur de site Web WordPress en fonction de la comparaison des fonctionnalités: temps de chargement …

Amenez vos compétences en développement Web à un tout autre niveau et séparez-vous du développeur React moyen en gagnant la confiance nécessaire pour créer des applications conçues par des professionnels!

Après avoir appris React, je pense que de nombreux développeurs se heurtent à un problème commun: quelles sont les meilleures pratiques pour créer votre propre projet !? Vous avez peut-être une idée en tête d’une application ou d’un site Web vraiment cool, mais vous avez l’impression de ne pas savoir exactement comment le créer avec React. Êtes-vous censé créer chaque petit composant et élément de fonctionnalité à partir de zéro? Définitivement pas! Apprenez à laisser Material-UI faire le gros du travail à votre place grâce à sa bibliothèque complète de composants personnalisables avec des systèmes de style, de thème, de grille et de conception réactifs intégrés.

La plupart des cours que vous suivez pendant l’apprentissage de React sont axés sur l’enseignement des concepts de base et de la syntaxe / structures fondamentales nécessaires pour comprendre et créer des applications React. Cela se fait généralement en construisant soit une poignée de petits projets, chacun axé sur un certain concept, soit en construisant un grand projet et en incorporant chaque concept au fur et à mesure. Apprendre comme celui-ci est formidable et absolument essentiel pour comprendre le sujet.

Cependant, j’ai remarqué qu’en raison de l’accent mis sur les concepts et fonctionnalités sous-jacents, la plupart des conceptions et des mises en page ne sont pas particulièrement intéressantes! Aucune des conceptions n’est mauvaise du tout – et ce n’est pas l’objectif des cours purs React, donc ce n’est pas un problème – mais ce n’est généralement pas quelque chose que vous donneriez à un client payant, donc cela laisse un peu d’un écart lorsque vous commencez à travailler seul. C’est précisément pourquoi j’ai fait ce cours!

Nous allons construire deux projets complets à partir de zéro basé uniquement sur des fichiers de conception – y compris mon propre site Web de production!

Je vais vous expliquer le processus d’apprentissage que j’ai suivi lorsque j’ai créé ma première application de production – du démarrage du projet avec un écran vide au déploiement d’un site Web entièrement réactif. Ce que j’essaie vraiment de souligner, c’est la manière de penser à la structuration des mises en page dans Material-UI. Nous allons d’abord passer en revue les captures d’écran de la conception que nous sommes sur le point de créer et détailler visuellement la configuration de la grille nécessaire pour obtenir chaque look, ainsi que les extraits de code correspondants! Ensuite, nous sautons dans l’éditeur de code pour le mettre en action.

Nous allons également passer en revue la documentation de chaque composant Material-UI avant de l’utiliser dans notre projet afin que vous soyez familiarisé avec toutes les différentes fonctionnalités, pas seulement les fonctionnalités que nous utilisons! Chaque composant est extrêmement flexible et l’un de mes objectifs pour ce cours était de vous familiariser suffisamment avec l’ensemble de l’écosystème actuel pour être prêt à comprendre les futures mises à jour.

Un élément clé de la création d’applications de production est de s’assurer que vos styles et fonctionnalités ne fonctionnent pas seulement sur votre système, mais sont flexibles et réactifs à n’importe quel environnement. C’est pourquoi j’explore les pratiques de conception réactive afin que vous compreniez non seulement les concepts à garder à l’esprit, mais aussi comment les mettre en œuvre avec Material-UI et obtenir des styles parfaits sur le plus grand, le plus petit et tous les écrans intermédiaires. Nous espérons que cela deviendra une seconde nature et que nous profiterons tous d’une expérience utilisateur plus optimisée sur le Web.

Nous couvrirons également des sujets supplémentaires tels que le référencement dans React, le basculement de notre projet vers Next.js et les avantages de le faire, le raccordement de Google Analytics pour commencer à prendre des décisions basées sur les données, l’intégration des animations d’After Effects, et bien plus encore!

Le contenu du cours comprend:

• Mettre en place un nouveau projet avec create-react-app, React Router et Material-UI
• Explications guidées de la documentation pour presque tous les composants Material-UI suivi de leur implémentation dans notre projet
• Différent optimisation d’image stratégies
• Créer un thème pour votre application en maîtrisant le système de stylisme centralisé de Material-UI
• Apprendre à utiliser design réactif pour que vos applications soient parfaites quelle que soit la taille et l’orientation de l’écran!
• En utilisant le Système de grille Material-UI pour aligner parfaitement les mises en page complexes
• Exporter animations de Adobe After Effects et les importer efficacement dans une application React avec react-lottie
• Tirer parti des fonctionnalités sans serveur avec Fonctions Google Firebase Cloud
• Envoi d’e-mails via Node.js
• Faire des requêtes réseau dans React tout en affichant des commentaires comme chargement des fileurs avec Material-UI
• optimisation du moteur de recherche (SEO) dans les applications React
• Migrer un projet de create-react-app vers Next.js et pourquoi
• Test et support multi-navigateurs
• Déploiement un projet Next.js et en ajoutant un nom de domaine personnalisé – pour deux plates-formes d’hébergement différentes
• Intégrer Google Analytics pour collecter des données sur les personnes qui interagissent avec votre application et ce qu’elles font
• Créez des fonctionnalités organisationnelles personnalisées pour données de contrôle affichées dans des tableaux y compris la recherche, le filtrage, la suppression et l’annulation

De même que accès à vie à plus 35 HEURES de contenu, vous trouverez également accès facile au support via des questions / réponses actives.

Vous n’avez rien à perdre – ce cours est accompagné d’un Garantie de remboursement de 30 jours au cas où vous ne seriez pas entièrement satisfait!

Relevez le défi, brouillez la frontière entre la conception et le développement et apprenez à créer les projets que vous avez envisagés.