Leçons et exemples JavaScript. Javascript : par où commencer et comment continuer Comment apprendre le langage de programmation javascript par soi-même

Salut tout le monde! Dans cet article, nous examinerons 6 conseils d'apprentissage de JavaScript qui vous aideront à le maîtriser plus rapidement.

Lorsque les gens essaient d’apprendre JavaScript ou toute autre compétence, ils rencontrent souvent les mêmes problèmes.

Certains points peuvent prêter à confusion, surtout si vous venez d'un langage de programmation différent
Il est difficile de trouver le temps (et parfois la motivation) pour étudier
Une fois qu'on comprend quelque chose, il est facile de l'oublier
Les outils évoluent si rapidement qu’il est difficile de savoir par où commencer.

Heureusement, ces problèmes peuvent être résolus. Dans cet article, je vais vous présenter 6 conseils qui vous aideront à apprendre JavaScript plus rapidement et à devenir un programmeur plus heureux et plus productif.

1. Ne laissez pas les décisions futures vous empêcher de grandir maintenant.

De nombreuses personnes qui débutent dans l’apprentissage de JavaScript se demandent quel framework commencer à utiliser. Mais si vous ne connaissez toujours pas bien le JavaScript pur, alors ce n’est pas une bonne chose de poser une telle question. Vous passerez tout votre temps à chercher des frameworks différents plutôt que d’avancer dans votre développement.

Une façon de résoudre ce problème est d’avoir une liste de ce que vous devez apprendre. Par exemple, pour devenir développeur front-end, votre liste devrait ressembler à ceci :

HTML
Javascript
un peu de JQuery
Peut-être une sorte de cadre
Les bases de GitHub
Un peu de WordPress
Hébergement

Après avoir étudié tout cela, vous pourrez créer une page fonctionnelle uniquement avec en utilisant HTML et css. Avoir une telle liste vous permettra de comprendre plus facilement ce que vous devez étudier maintenant et de ne pas perdre de temps sur ce que vous devriez étudier plus tard.

2. N'oubliez pas ce que vous avez déjà appris.

Apprendre quelque chose trop rapidement peut être l’une des choses les plus destructrices de votre parcours d’apprentissage JavaScript. Laisse-moi expliquer.

Lorsque vous lisez quelque chose et que vous le comprenez immédiatement, vous pourriez être tenté de commencer immédiatement à étudier quelque chose plus en profondeur. Peut-être comprendrez-vous le sujet suivant et commencerez-vous à étudier le suivant. Mais bientôt, vous atteindrez un point où vous réaliserez que vous avez oublié certains des sujets précédents et que vous devez revenir en arrière et vous en souvenir. Vous parcourez rapidement le sujet précédent pour vous rafraîchir la mémoire et passer à autre chose. Mais maintenant, vous réalisez à nouveau que vous avez oublié quelque chose. Vous continuez cette danse de va-et-vient jusqu’à réaliser que vous êtes complètement perdu. Vous vous découragez, faites une pause, puis, lorsque vous décidez de poursuivre vos études, vous vous rendez compte que vous avez complètement tout oublié.

Heureusement il y en a plusieurs étapes simples pour résoudre ce problème:

Limitez la quantité de matière que vous étudiez en même temps
Pratique - Écrire du code

Une fois que vous avez appris un sujet, pratiquez-le immédiatement, sentez-vous à l'aise pour écrire du code et essayez même de combiner ce sujet avec les précédents que vous avez déjà étudiés.

3. Abordez votre pratique de la bonne manière

Beaucoup de gens trouvent la pratique ennuyeuse, alors ils essaient de la sauter ou de l’écourter. Si vous faites cela, vous devrez apprendre JavaScript beaucoup plus longtemps. Mais comment rendre la pratique amusante pour que vous ayez envie de la faire ?

Essaye ça:

Que se passe-t-il si vous avez appris un nouveau sujet JavaScript mais ne l'avez pas mis en pratique ? Comment vous sentirez-vous ? Personnellement, je serais contrarié. C'est comme si un enfant avait acheté un nouveau jouet mais n'avait pas le droit de jouer avec.

Lorsque vous apprenez quelque chose en JavaScript, imaginez que vous jouez avec un nouveau jouet, une voiture, une paire de chaussures ou tout ce que vous aimez.

En apprenant quelque chose de manière ludique, vous acquerrez des connaissances plus rapidement, vous vous en souviendrez plus longtemps et vous en serez heureux.

4. Trouvez le temps de coder en utilisant l'astuce de Facebook

L’un des problèmes les plus courants rencontrés par les gens est qu’ils ne trouvent pas le temps de coder, mais les mêmes personnes passent très souvent du temps sur des sites comme Facebook, YouTube, Wikipedia ou Reddit. Que cela s'applique à vous ou non, vous trouverez toujours quelque chose à apprendre ici.

Il y a eu des moments où tout ce que je voulais, c'était être sur Facebook, mais je n'y ai pas passé des heures. Comment est-ce arrivé? Et cela s’est produit parce que je n’avais pas l’intention d’y rester longtemps. Commencer à travailler sur quelque chose est la partie la plus difficile, donc garder l'engagement initial me facilite la tâche. Si quelqu'un me demandait si j'étais prêt à passer des heures sur Facebook, je dirais non, car je n'ai pas le temps pour cela. Je préfère y aller pour vérifier quelque chose rapidement, c'est tout.

La bonne nouvelle est que vous pouvez utiliser cette méthode pour apprendre la programmation. Ne vous engagez pas à passer des heures à écrire du code, car vous n'en aurez jamais le temps. Dites-vous simplement que vous allez essayer du code pendant trois minutes et que vous ne chercherez plus jamais le temps de vous entraîner.

5. Pensez plus lentement et vous apprendrez plus vite

C'est contre-intuitif, je vais donc l'expliquer avec une histoire.

Un de mes amis était un jour confus au sujet d’une fonctionnalité de JavaScript. Je lui ai demandé de me dire ce qu'il savait, puis de m'expliquer quelle partie il ne comprenait pas. Dès qu’il a parcouru le code, j’ai réalisé qu’il était pressé.

"Attendez!" - Je lui ai dit. "Prends ton temps et raconte-moi chaque étape de ce code."

Mon ami a commencé à me parler du code en général.

Je l'ai encore arrêté. "Vous êtes toujours pressé. Réessayez, mais cette fois, parcourez chaque ligne de code et dites-moi ce qui se passe ici."

Cette fois, mon ami a beaucoup mieux expliqué le code. Le fait est qu’il a pris le temps d’examiner et de comprendre chaque ligne de code, plutôt que d’essayer de comprendre immédiatement ce qui se passe.

Dans de tels cas, il est préférable de réfléchir plus lentement et vous apprendrez plus vite.

6. Écrivez du code complexe dans un langage simple

Si un morceau de code semble compliqué ou peu familier, écrivez-le d’abord dans un langage simple. De cette façon, vous pouvez déterminer ce que vous voulez que le code fasse avant de l'écrire. Voici deux avantages de cette approche :

Votre code sera plus facile et plus rapide à écrire car vous n'aurez pas à vous arrêter périodiquement pour réfléchir à la façon dont vous voulez qu'il se comporte
Vous trouverez les erreurs avant qu'elles ne surviennent car vous aurez une idée claire de ce que le code doit faire

Conclusion

Nous avons abordé de nombreuses façons de vous aider à apprendre JavaScript plus rapidement, mais vous pouvez également les appliquer à d'autres compétences. Voici un résumé de ce que nous avons couvert :

Arrêtez de vous soucier des décisions futures et plongez-vous maintenant
Rendez la pratique amusante en introduisant de nouvelles compétences comme de nouveaux jouets.
Trouvez du temps pour la programmation de la même manière que vous trouvez du temps pour les médias sociaux. réseaux
Prenez votre temps, allez-y progressivement et vous apprendrez plus vite

Que pensez-vous des études ? Avez-vous des trucs et astuces qui n’ont pas été abordés dans cet article ? Ou peut-être pensez-vous que tout cela n’a aucun sens et que la seule façon correcte est de s’asseoir et d’étudier 12 heures par jour. Quoi qu’il en soit, j’aimerais entendre vos réflexions dans les commentaires.

Bonjour! Avez-vous déjà pensé à commencer à programmer ? Personnellement, depuis mon enfance, je rêvais d'apprendre à écrire mes propres programmes et jeux. Récemment, j'ai développé un fort intérêt pour cette activité et je me suis fixé un objectif : comprendre et apprendre à travailler, pour commencer, avec un langage de programmation comme JavaScript. Pourquoi Javascript ?

Comme je n'ai aucune expérience de travail avec d'autres langages que le cours de base de HTML et CSS, JavaScript m'a attiré par sa polyvalence, sa croissance rapide et son historique de développement inhabituel, que je raconterai certainement dans l'un des articles suivants. En parlant de polyvalence, à l'heure actuelle, l'utilisation du code JavaScript ne se limite pas aux serveurs et aux navigateurs, mais est également utilisée dans le développement. Applications mobiles et des programmes pour l'Internet des objets.

1. Texte sublime 2

Un éditeur de code concis à usage général qui peut fonctionner avec de nombreux langages de programmation. Il est disponible en téléchargement gratuit pour les plateformes Windows, Mac et Linux.

Je veux aussi le mentionner apparence- c'est douloureusement simple. Les détails individuels du code sont mis en évidence dans différentes couleurs, il est possible de personnaliser la couleur de la fenêtre du programme, il y a une autre chose intéressante à droite - l'ensemble du projet de page est présenté sous forme de vignettes, en cliquant sur l'une d'entre elles. vous pouvez facilement vous déplacer vers l'emplacement souhaité.

En général, Sublime Text est une version étendue de l'éditeur de texte standard, mais avec une interface plus sophistiquée et axée sur le codage. Donc, créer des pages HTML est un codage entièrement manuel, je ne peux donc pas le recommander pour un travail professionnel, mais pour les débutants comme vous et moi, cet éditeur convient afin de mieux comprendre les principes de JS, HTML et CSS.

2. Atome

Atom est l'éditeur de texte le plus personnalisable des développeurs GitHub. Il est gratuit pour un usage personnel et commercial sous licence MIT. Ses créateurs surveillent activement les suggestions des utilisateurs et tentent de mettre à jour l'éditeur avec de nouvelles fonctions en temps opportun.

Atom est disponible pour les plateformes Windows, Linux (Ubuntu, Fedora, Red Hat) et macOS. Le programme a également la possibilité de sélectionner la langue dans laquelle vous allez écrire le programme. Avec les plugins standards, seuls 30 langages de programmation environ sont pris en charge : (C/C++, C#, Clojure, CSS, CoffeeScript, Markdown (GitHub Flavored), Go, Git, HTML, JavaScript, Java, JSON, Julia, Less, Make. , Moustache, Objective -C, PHP, Perl, Property List (Apple), Python, Ruby on Rails, Ruby, Sass, Shell script, Scala, SQL, TOML, XML, YAML).

Un arsenal logiciel aussi modeste devrait suffire à tout le monde au début. Personnellement, je créerai toutes les listes dans Atom. Eh bien, commençons !

"Bonjour le monde!"

À titre d'exemple pour la première leçon, selon la tradition établie parmi les programmeurs, nous créerons une page Web de bienvenue et examinerons sa structure en détail.

Tout d’abord, un peu de théorie. L'insertion de n'importe quel script Javascript dans le code HTML se fait à l'aide de la balise et ses variantes. Par exemple, en utilisant l'attribut src, vous pouvez placer un lien hypertexte direct vers un fichier contenant le code de l'algorithme sous sa forme pure ; dans notre exemple, cette méthode n'a pas été utilisée.

Il existe également une recommandation pour l'utilisation du point