L'histoire commence:
Voir un post,Parler d'un diplôme n'est qu'un simple programmeur diplômé d'un collège,En avant.5Année gauche
《Analyse des questions d'entrevue de première ligne de Dachang+WebRésumé de base notes d'étude+Code source du projet d'entreprise en direct+Dernière vidéo d'interprétation HD》Open Source gratuit Recherche de logo Numéro public【Programmation avancée】
Il est temps,Sec au milieu.3Entreprises,Sont des entreprises Internet de taille moyenne et des entreprises entrepreneuriales,L'échelle n'est pas grande.Je ne peux pas entrer dans la grande usine,J'ai travaillé dans les petites et moyennes entreprises tous les jours.
Pendant un certain temps, il interviewait presque tous les jours,De petites entreprises ordinaires,Aux sociétés cotées,Aux grandes usines de première ligne(Ali!,Tencent,Octets).Mais ce qui a le plus de rétroaction, c'est que2Espèce,Pas assez d'éducation ou d'accompagnement.
Il devrait y avoir beaucoup d'autres étudiants qui veulent frapper la grande usine obtiendront deux autres types de rétroaction,Profondeur technique insuffisante,Ou l'absence d'articles sur le CV.Ne pas avoir d'entrevue ou ne pas réussir l'entrevue.
Dans ces conditions,,Vous pouvez facilement former un cycle de mort,J'ai erré dans les petites et moyennes entreprises,.La plupart des petites et moyennes entreprises ont des priorités commerciales,Relativement peu de construction technologique,Les nouvelles technologies n'ont donc aucune chance d'être mises en pratique,Tous les jours occupés avec toutes sortes de besoins d'affaires,L'ambiance n'est pas bonne, etc,Qui, en fin de compte, affecte l'amélioration de vos capacités.
Un.、Comment commencer,Conseils d'étude
Avant de commencer à étudier,Voici quelques conseils..D'après mon expérience d'apprentissage,Ces conseils ont été très utiles dans ma carrière actuelle et future.Et puis
Avant de commencer à étudier,Il est suggéré de prendre quelques jours,Trouver des articles pour commencer,Grâce à de nombreux articles et à des suggestions antérieures.Organiser un plan complet pour votre étude,Et puis dans le processus d'apprentissage,,Après avoir mieux compris le Front End,,Apporter quelques ajustements au plan
.Je crois.,L'apprentissage planifié est beaucoup plus rapide et efficace que l'apprentissage de connaissances spécifiques dès le début.
Spécification du Code
:Ce n'est pas que l'âge de Xiaobai n'a pas d'importance.,C'est le moment de ne rien savoir.,Pour appliquer strictement les règles apprises.Progressivement,Attendez d'apprendre.,Développer progressivement un style de code propre.
Opération manuelle
:Même s'il n'y a qu'une seule ligne de code,Vous devez également écrire manuellement l'exécution,Au lieu d'être obsédé,Oh, mon Dieu.,C'est facile.,Je ne le ferai pas..
Faire un plan
:Planifier en conséquence,Et les appliquer strictement,Sinon, l'effet d'apprentissage général est fortement réduit.
Ce qui précède est un résumé de l'apprentissage personnel ,Si vous pouvez mieux suivre,Effets de l'apprentissage et progrès ultérieurs,Ça aide beaucoup..Bien sûr.
C'est la meilleure façon d'y arriver
.
2., Comment apprendre le stade Xiaobai
À ce stade , Ça devrait être rien. , Peut - être qu'il ne sait même pas ce qu'il fait . J'ai peut - être entendu dire que le poste était en plein essor. ,C'est facile de trouver du travail.,C'est pour ça que tu veux apprendre.. Ou peut - être avez - vous vu une belle page web , Tu commences à te demander. , C'est une belle chose de le réaliser. , Tu veux savoir comment faire. . Si vous voulez savoir comment commencer , Voir les suggestions et commentaires suivants . Est - ce que c'est par l'auto - apprentissage de Xiaobai pour être qualifié pour le poste de première ligne , Quelques expériences accumulées ,J'espère que ça aidera.
Conseils sur les étapes d'apprentissage
(1)HTMLÉtiquettes(Structure de la page Web langage de balisage) +CSSStyles(Style de page langue).Ce sont des implémentations statiquesWebAppliquer la langue de base,Tenez - les bien,.Vous pouvez écrire un module simple(Comme la navigation, etc.)Même une page Web statique complète.
(2)JqueryBibliothèque(JavascriptUne bibliothèque de langues de programmation à maîtriser).Il vous permet de faire des pages statiques que vous avez faites auparavant“Bouge!”,Par exemple,(Menu déroulant de niveau 2、Outils de navigation sur le côté droit de la page Web déploiement et autres effets interactifs).
(3)Il est recommandé de prendre le temps de《DOMArts de la programmation》Ce livre,Ou ce genre de livres.C'est à propos deJavascriptL'utilisation du langage de programmation dans le développement de pages Web,.Suivez ce livre,Vous pouvez écrire un site Web simple et interactif.
Ce sont les premières choses que Xiaobai a apprises,Il est recommandé d'apprendre les trois langues dans l'ordre.Peut être utilisésublimeÉditeur pour l'écriture manuelle.Quand vous suivez les étapes d'apprentissage(3)Quand vous terminez un petit site,Vous vous sentirez très accompli,L'apprentissage ultérieur augmente la confiance,Cent fois plus intéressé.
Trois, Suggestions préliminaires d'apprentissage avancé
Croyez en l'exploration qui précède , Si vous pouvez continuer et suivre les conseils , J'aurais dû finir le premier site à le faire moi - même . Quelques suggestions pour les prochaines étapes .
Améliorer nos connaissances de base
(1)HTML5,Langage de balisage plus avancé,Fonctions plus colorées.Ajouter de nombreuses étiquettes,Par exemple,:canvas、videoAttendez.,Vous pouvez réaliser plus d'animation vous - même,Des effets spéciaux cool, des vidéos, etc.
(2)CSS3,Langage de style plus avancé.Vous pouvez réaliser une animation de page colorée,Pas besoin de l'utiliser à chaque fois.js,UtiliserCSS3Vous pouvez facilement et facilement réaliser certaines des interactions Web que vous voulez.
(3)javascriptLangage de programmation(Priorité absolue).C'est le langage que l'avant - garde doit maîtriser pour être vraiment un langage de programmation,Apprendre à être flexiblejavascript,Ce sera très utile pour étudier et travailler plus tard.La première chose la plus importante à maîtriser est d'apprendre les bases,Ensuite, nous améliorons nos compétences en programmation et notre pensée logique grâce à une pratique constante.Cet apprentissage est continu,Jusqu'à ce que nous le maîtrisions vraiment et que nous puissions l'utiliser avec souplesse.Si, après une ou deux premières études,Découvrez qu'il n'y a pas de place pour l'ascension pour le moment,On peut laisser.Poursuivre les études suivantes,javascriptTout au long de notre travail,Plus tard dans la réalisation de l'apprentissage sera également rencontré et l'exercice à.Il n'est pas difficile d'apprendre vraiment,La clé est la flexibilité.

(4)Commencez à apprendre à utiliser des cadres frontaux,Ici, je veux dire devant.UICadre,Ils peuvent nous aider à développer un site Web rapidement et efficacement,Et le style de l'interface est bon.Par exemple,PCFinBootstrap,En fait, c'est un cadre réactif,Peut également être utilisé à l'extrémité mobileH5Page,OuAmazeUi,C'est un cadre axé sur l'extrémité mobile..Vous pouvez également consulter les documents sur le site officiel du cadre correspondant,Quand vous apprendrez à utiliser un cadre,Autresn+1Une variété de frontsUICadre,Et vous aussi..
(5)Et un cadre frontal,Par exemple:layuiCe genre de,Un cadre de classe d'outils.Il contient des effets de pagination、Effet pop - up、Contrôles de sélection de date, etc.Quand vous apprendrez à ce moment - là ou plus tard,Vous pouvez apprendre à utiliser,Peut vous aider à développer votre projet plus efficacement.
(6)Via Baidu,Vous trouverez de nombreux plug - ins pour les effets spéciaux d'interaction Web,Comme l'effet de descente du menu secondaire、Menu accordéon、Rotation des images、Effets pop - up, etc..Télécharger leurs sources et exemples,.Apprendre à les utiliser ou à imiter leurs effets,Peut nous aider à réaliser rapidement quelques effets interactifs plus complexes.Il y a maintenant beaucoup de plugins libres,Arrêtons de refaire les roues,Facile à utiliser directement.Bien sûr.,Mon conseil est que lorsque vous apprenez à utiliser un plug - in d'effets spéciaux,Vous pouvez apprendre son code source,Pour voir comment l'effet se réalise.C'est aussi la consolidation de l'apprentissage.javascriptUne bonne façon de parler,Tu en vaux la peine..
(7)Et voilà., Vous avez une connaissance de base du développement frontal . Vous pouvez trouver des sites officiels typiques pour copier leurs interfaces et leurs effets interactifs , Comme le site officiel de JD 、 Site officiel de Taobao et ainsi de suite . Écrivez plusieurs de ces pages d'accueil. , Il est possible de consolider et d'améliorer les connaissances acquises précédemment .
Quatre,Continuer à apprendre
Après avoir complété une page de base avec des effets interactifs,Pour vous améliorer davantage au travail, vous devez maîtriser certains développements de première ligne populairesJSCadre et modèles de développement efficaces et populaires.Je crois qu'à ce stade,,Vous avez réussi à franchir la porte d'entrée,Ensuite, il y a la pratique de devenir l'ingénieur principal de première ligne au travail.
1、Quelques fronts communsJSRecommandations - cadres
(1)vue.js,Une version mobileJSCadre,Léger.Interaction fondée sur les données,C'est très facile d'apprendre,Il peut être indépendantJqueryL'utilisation indépendante du cadre vous aide à développer une interface mobile conviviale.Un frontend développe les compétences nécessaires,Un modèle populaireJSCadre.Comment l'utiliser,Tu peux,Vous pouvez également consulter son site Web pour en apprendre davantage sur les documents officiels.,Ou peut - être qu'il y a aussi une introduction sur le site Web des débutants.

(2)react.js,C'est mieux.vue,C'est un peu plus compliqué.,Un peu plus lourd.,Mais il est aussi rapide et facile de réaliser de grands projets.C'est devenu une exigence d'entrée dans de nombreuses entreprises,Je crois que j'ai étudié.vueCe type de cadre axé sur les données,C'est beaucoup plus facile à apprendre.Plus que d'habitudejQueryProjets de développement,vueEtreactLa clé du développement est que les idées changent,Maîtrise de l'interaction orientée objet et axée sur les données,Vous sentirez le développement plus facile et convivial.Comment le maîtriser,Baidu、Site Web des débutants、La documentation sur le site officiel est un bon choix.
2、Suggestions de modèles de développement plus populaires
(1)vue + webpackDéveloppement intégré
(2)react + webpackDéveloppement intégré
(3)node.jsApprentissage et application,Un peut être utiliséjavascriptOutils de développement linguistique
(4)weex + webpackDéveloppement intégré,Peu d'entreprises utilisent actuellement
(5)angular.js,Etvue.jsC'est comme ça.,Mais à l'heure actuelle, l'utilisation de
Le cadre de développement et le modèle de développement ci - dessus(1)(2)(3),Il y a plus d'équipes d'entreprises Internet,Tout sera adopté..Ça vaut le coup d'étudier.,Et quand vous le saurez,,Vous constaterez que le développement de projets de première ligne s'est avéré si simple.
Maintenir l'état d'apprentissage constamment amélioré
Les articles ci - dessus sont des conseils pour commencer ..Bien sûr, tout au long de vos études et de vos travaux ultérieurs,Vous devrez peut - être aussi acquérir d'autres compétences essentielles.Par exemple::
J'ai lu tant de choses à la fin. , Tu vas abandonner? ,Mais ne vous inquiétez pas.Démarrer est facile, Après avoir terminé le Guide de démarrage , Ça va être plus facile. . C'est une technologie. ,Quelques outils, Il suffit de le maîtriser. . La vraie difficulté est le travail d'équipe au travail ,Spécification du Code, Et des progrès constants .
Cinq,Après avoir travaillé,Quelques suggestions
(1) Reconnaître les responsabilités de votre poste .
(2) Coopération avec le gestionnaire de produits : Comprendre les prototypes et les exigences , Faire des suggestions raisonnables .
(3)AvecUI Ajustement de la conception :SelonUI La meilleure façon de planifier la réalisation est , Au lieu de travailler avec les dessins. , Faire de meilleures suggestions .
(4) Ajustement avec d'autres extrémités avant : Les spécifications de code sont particulièrement importantes à ce stade , Donc, dès le début de l'apprentissage du Front End , J'ai souligné qu'il est bon d'avoir de bonnes habitudes de codage dès le début de l'étude , C'est nécessaire. .
(5) Auto - test préliminaire : Après l'élaboration d'un projet , Auto - test préliminaire de fonctionnalité , Remettre le test au testeur après qu'il n'y ait pas de problème .
(6) Coopérer avec les testeurs ,Modifierbug.
(7) Collaborer activement aux itérations subséquentes des produits du projet .
(8) Quand votre niveau s'améliore , Vous apprendrez à gérer une équipe de première ligne pour la répartition du travail et le contrôle global de la qualité et des délais de livraison . Celui - ci est promu étape par étape , Même si vous n'y êtes peut - être pas encore. ,Mais pour comprendre.
Compétences professionnelles
En général,L'intervieweur posera des questions en fonction du contenu de votre CV,Mais la base technologique a encore besoin de se préparer à la classification,Qui forment leur propre système de connaissances.Faites une brève liste des problèmes que j'ai rencontrés
Récemment, j'a I eu le temps de trier les questions d'entrevue que j'ai rencontrées,Y compris ce que j'ai rencontré moi - même lors d'un entretien d'embauche,D'autres personnes sont allées à l'entrevue et ont rencontré,Et il y a une brosse sur Internet,J'ai tout arrangé.,J'espère que ça marchera pour tout le monde..
Il contientHTML、CSS、JavaScript、Serveur et réseau、Vue、Navigateur, etc
En raison de la longueur limitée de l'article,Afficher seulement une partie du contenu

原网站版权声明
本文为[InfoQ]所创,转载请带上原文链接,感谢
https://yzsam.com/2022/164/202206131137177961.html