Maison > interface Web > tutoriel HTML > Ce que vous devez apprendre pour faire du travail front-end

Ce que vous devez apprendre pour faire du travail front-end

韦小宝
Libérer: 2017-11-25 09:24:15
original
1579 Les gens l'ont consulté

Les étudiants qui souhaitent apprendre le front-end peuvent jeter un œil aux idées générales d'apprentissage front-end et aux éléments auxquels il faut prêter attention dans le front-end le code, en tant que front-endQuelles sont les choses à apprendre ? Très bien! Jetons un coup d'oeil !

Vous ne pouvez pas programmer avec CSS ? Utilisez Less, Sass, Stylus ou même utilisez Absurd directement. Il existe de nombreux frameworks en plus de Bootstrap.
Est-ce gênant d'écrire trop de JS ? jQuery.
Développement mobile ? Zepto.js.
Une mauvaise structure ? Vous recherchez un framework, Backbone.js est MVC, AngularJS et Ember.js sont MVVM, et Twitter dispose également d'un framework basé sur les événements appelé Flight.
Si vous avez trop de bibliothèques, devez-vous optimiser le chargement ? ExigerJS.

La qualité du code est-elle un problème ? Jasmine, QUnit et Mocha effectuent des tests unitaires.
Avez-vous besoin de tester différents navigateurs ? Utilisez Karma.
Le test est réussi et le déploiement rencontre toujours des problèmes ? Intégration continue à l'aide de Travis CI.
Le comportement des utilisateurs doit également être mesuré ? Utilisez du sélénium. Il existe également Viff pour les tests de style.
Pensez-vous que JS est suffisamment gênant ? Utilisez CoffeeScript.

Envie de faire de l'animation ? Canvas ou SVG et CSS3 aident à tuer Flash.
Le SVG est-il trop difficile à dessiner ? Utilisez Snap.svg.
Envie de développer un jeu ? Utilisez Toile.
Écrivez votre propre FPS trop bas ? Utilisez un framework, CreateJS.
La 2D est trop enfantine ? three.js vous aide à développer de la 3D en utilisant WebGL
N'est-il pas assez puissant ? asm.js vous permet d'avoir Unreal Engine 3 dans votre navigateur.

Toutes ces choses doivent être configurées et déployées. Problème avec Grunt, il y a trop de bibliothèques ? Utilisez Bower pour gérer,
Vous souhaitez créer différents dossiers de fichiers au début du projet ? Utilisez Yeoman.
Il y a trop de projets open source. Pouvez-vous les trouver sur GitHub ? Apprenez Git.
Au fait, j'utilise Jekyll pour héberger mon blog, non ? Il y a aussi Ruby... SASS est aussi écrit en Ruby Attendez, Sublime Text est écrit en Python. Dois-je écrire un plug-in ? Apprenez-le aussi.
Le débogage est trop difficile ? Utilisez les outils de développement Chrome, un ensemble d'API et de fonctions.

N'est-il pas suffisant de fonctionner uniquement sur un navigateur d'ordinateur ? Si vous développez du HTML5 pour les appareils mobiles, deviendrez-vous un perdant si vous quittez Internet ? Application hors ligne HTML5.
Pas aussi performant que les applications natives ? Utilisez PhoneGap.
Vous souhaitez appeler une API native ? Développez des applications Firefox OS. Vous devez également savoir comment utiliser les applications du navigateur Chrome et Firefox disposent de leur propre documentation.
Alors abandonnez le backend et faites-le vous-même ? Pour installer Node.js, vous devez acquérir quelques connaissances en matière de serveur.
Vous souhaitez utiliser npm pour gérer les packages de nœuds ? Vous devez également acquérir des compétences Linux et Shell.
Vous souhaitez utiliser à la fois le front-end et le back-end ? Regardons à nouveau le protocole http.
Vous maîtrisez le Web ? node-webkit vous permet d'écrire des programmes de bureau et de continuer à apprendre.

Vous voulez apprendre le développement modulaire  ? Jetez un œil aux spécifications CommonJS et AMD.
Vous avez un problème pour comprendre JS ? Jetez un œil à ECMA-262. Je ne sais pas quand la 6e édition sortira.
Les navigateurs sont différents, vous ne savez pas comment les rendre compatibles ? Jetez un œil aux normes du W3C.
Les humains peuvent le comprendre lorsqu’ils écrivent du HTML, mais les machines ne peuvent-elles pas le lire ? Vous voulez du référencement.
Envie de soutenir les personnes handicapées ? Voir HTMLSémantique.
La séance plénière a eu lieu mais IE ne la soutient tout simplement pas ? Le navigateur que je ne peux pas nommer, c'est que je ne sais même pas ce qu'est JS ? Amélioration progressive.
Vous souhaitez manipuler toutes sortes d'équipements à la fois ? Conception réactive.

Alors ce qui précède ne sont que quelques petites techniques astucieuses.
Que fait l'entreprise ? Obtenez des informations sur l’industrie.
Des produits grand public ? Conception d'interactions.
L'art n'est pas bon ? Conception de l'interface utilisateur.
Externalisation et conseil ? Design patterns, méthodes de reconstruction, algorithmes, structures de données.
Connaissez-vous le génie logiciel ? Découvrez le développement agile et essayez peut-être TDD, ATDD et BDD.

Après avoir lu tant de choses, ma première réaction a été de demander de la documentation chinoise ? Allez apprendre l'anglais ! En tant que programmeur, que ce soit front-end ou back-end, l'anglais est très important~

Recommandations associées :

Parcours d'apprentissage pour les débutants pour maîtriser le front-end

Résumé des dernières questions du test écrit front-end

En tant qu'ingénieur de développement front-end, vous devez prêter attention à trois choses Indicateurs de performance ponctuels

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal