Vous devriez commencer votre chemin vers une carrière de programmeur en répondant à la question : avez-vous vraiment besoin de programmation ? Cette question ne s'applique pas à ceux qui étudient ou ont étudié dans une spécialité proche de la programmation. Si vous étiez meilleur en mathématiques à l'école qu'en sciences humaines, si vous aimez passer beaucoup de temps sur l'ordinateur, si vous voulez apprendre quelque chose de nouveau, alors la programmation est faite pour vous.

Où commencer

Il existe plusieurs options pour le développement d'événements, grâce auxquels une personne devient programmeur. Le premier, ce sont les parents-programmeurs qui ont tout appris à leurs enfants. Ces enfants n'ont même pas besoin d'aller à l'université. La deuxième option est le métier à la mode de programmeur. Après l'école, nous avons dû choisir où aller étudier et nous avons choisi le domaine à la mode de l'informatique, qui semblait nous plaire. Et la dernière option est un passe-temps qui s'est transformé en travail.

Si aucune des situations ci-dessus ne vous est arrivée, vous avez le choix entre quatre options :

• Auto-éducation. Cette option peut être utilisée indépendamment ou en combinaison avec d’autres méthodes. Internet regorge d'applications qui vous aident à apprendre divers langages et technologies de programmation. Mais c'est le chemin le plus difficile pour les débutants.
• Université. Si vous terminez vos études et souhaitez devenir programmeur, allez à l’université. Si ce n'est pour la connaissance, alors pour la croûte. Il peut servir de bonus pour postuler à un emploi. Bien que vous acquériez également quelques connaissances. Mais n'oubliez pas de vous renseigner. Le choix d'une université doit être abordé de manière très responsable. Étudiez attentivement les programmes de formation et choisissez les meilleures universités techniques.
• Mentor. Ce sera très bien si vous trouvez une personne qui accepte de vous aider et de vous orienter dans la bonne direction. Il vous proposera des livres et des ressources adaptés, vérifiera votre code, vous donnera conseils utiles. À propos, nous avons déjà expliqué où vous pouvez trouver un mentor. Vous pouvez rechercher un mentor parmi des programmeurs familiers, lors de soirées et de conférences informatiques, sur des forums en ligne, etc.
• Cours pratiques spécialisés. Essayez de rechercher des cours dans votre ville qui vous apprendront un langage de programmation ou une technologie. J'ai été agréablement surpris par le nombre de cours de ce type à Kiev, y compris des cours gratuits et suivis d'un emploi.

Quelle langue, technologie et direction choisir

Lorsque vous deviendrez programmeur, après un an ou deux, vous serez libre de choisir le langage de votre choix. Mais lors du choix d’un premier langage de programmation, un débutant doit prendre en compte les critères suivants :

• Disponibilité des postes vacants sur le marché. Le but ultime de ce parcours est de trouver un emploi de programmeur. Et cela sera difficile à réaliser si personne ne recherche sur le marché du travail des développeurs dans votre langage de programmation. Consultez les sites d'emploi, voyez qui est le plus recherché, notez une douzaine de langues. Et passons au critère suivant.
• Faible niveau d'entrée. Si vous devez passer beaucoup de temps à apprendre une langue, cela peut vous décourager de programmer. Découvrez les langues que vous avez sélectionnées ci-dessus. Passez en revue la littérature que vous devrez lire pour apprendre ces langues. Et choisissez celles qui sont décrites comme faciles, ou qui vous paraissent faciles. Ces langages peuvent être PHP, Ruby, Python.
• Le frisson du processus. Si vous n'aimez pas écrire du code dans la langue de votre choix, vous n'apprécierez pas le processus, votre travail ou votre vie. En as-tu besoin? Faites les bons choix.

Vous devrez également décider de l’orientation de la programmation. Mobile, ordinateur de bureau, jeux, Web, programmation de bas niveau, etc. Les secteurs les plus populaires et relativement simples sont le développement pour les clients Web, mobiles et de bureau. Une langue peut convenir à chaque direction et pas une autre du tout. Autrement dit, lors du choix d'un langage de programmation, il convient également de partir de ce facteur.

Quoi qu’il en soit, apprenez les technologies Web. C'est un langage de balisage, de styles et qui rendra votre page dynamique. L'étape suivante consiste à apprendre un langage côté serveur (Python, PHP, Ruby et autres) et les frameworks Web qui lui conviennent. Étudiez les bases de données : presque tous les postes vacants de programmeur le mentionnent.

Comment acquérir une première expérience

Sans expérience, vous n'obtiendrez pas de travail. Sans travail, vous n'acquérirez pas d'expérience. Cercle vicieux vrai vie. Mais ce n’est pas grave, on s’en sortira.

Tout d’abord, n’attendez pas d’avoir lu tous les livres sur le langage de programmation que vous avez choisi. Commencez à écrire vos premières lignes de code après le deuxième chapitre du livre. Effectuez toutes les tâches des livres, retapez les exemples, comprenez-les. Compliquez les exemples et les tâches des livres avec vos propres idées. Créez vos propres tâches pour le matériel que vous avez couvert. Résolvez ces problèmes.

Deuxièmement, vous devez trouver vos premiers projets. C’est probablement l’option la plus difficile, mais elle fonctionne. Vous devrez rechercher vous-même les commandes, les exécuter et vous soucier du paiement. Pour un débutant, c'est extrêmement difficile, mais toutes les autres options sembleront alors un jeu d'enfant. Les projets terminés peuvent être enregistrés comme expérience et présentés à votre futur employeur. Les vrais projets sont un gros plus sur votre CV.

Si vous connaissez l’anglais, mieux vaut vous inscrire aux échanges anglophones. Le marché y est plus grand. Si vous ne connaissez pas l'anglais, apprenez-le. En attendant, des échanges freelance en russe s'offrent à vous. Recherchez des petits projets qui sont égaux ou juste au-dessus de votre niveau de compétence. Postulez pour quelques dizaines de ces emplois. Et préparez-vous à recevoir une mer de refus. Mais si une ou deux candidatures sont retenues, vous aurez la possibilité d'acquérir une réelle expérience.

Une autre bonne option pour acquérir une véritable expérience est Open source. De tels projets ont toujours besoin de nouvelles personnes, même des débutants. Vous pouvez rechercher des bogues dans le projet ou consulter le outil de suivi des bogues et suggérer des méthodes pour les résoudre. Vous pouvez facilement trouver de tels projets sur GitHub ou . N'hésitez pas à y poser des questions.

La quatrième option pour acquérir de l'expérience consiste à aider d'autres programmeurs. Demandez-leur de vous confier de petites tâches simples. Si quelque chose ne fonctionne pas, vous aurez toujours quelqu'un vers qui vous tourner. Et en même temps vous participerez à un vrai projet.

La dernière façon est propres projets, divers hackathons ou travailler dans un espace de coworking. Il est difficile de démarrer seul ses propres projets, il vaut mieux chercher des connaissances ou des amis.

Pourquoi choisir Python

Parlons un peu plus du choix de votre premier langage de programmation. La première langue doit être simple et populaire sur le marché. Un tel langage est Python. Je recommande fortement de le choisir comme premier langage de programmation.

Le code du programme Python est lisible. Vous n'avez même pas besoin d'être programmeur pour avoir une compréhension de base de ce qui se passe dans un programme. Grâce à la syntaxe simple de Python, il vous faudra moins de temps pour écrire un programme qu'en Java, par exemple. Base énorme des bibliothèques qui vous feront économiser beaucoup d'efforts, de nerfs et de temps. Python est un langage de haut niveau. Cela signifie que vous n’avez pas à trop penser aux cellules mémoire et à ce qu’il faut y mettre. Python est un langage à usage général. Et c'est si simple que même les enfants peuvent l'apprendre.

En toute honnêteté, il convient de mentionner d'autres langages de programmation. Java peut être un bon choix pour un débutant. Ce langage est plus populaire que Python, mais aussi un peu plus complexe. Mais les outils de développement sont bien mieux développés. Il suffit de comparer Eclipse et IDLE. Après Java, il vous sera plus facile de travailler avec des langages de programmation de bas niveau.

PHP est un autre langage très populaire. Et je pense que c'est encore plus simple que Python. Il est très simple de trouver un mentor ou une solution à un problème sur le forum. En effet, il existe un grand nombre de programmeurs PHP dans le monde. différents niveaux. Il n'y a pas d'importation normale en PHP, il existe de nombreuses options pour résoudre le même problème. Et cela complique l'apprentissage. Et PHP est conçu exclusivement pour le Web.

Les langages C et C# sont très difficiles pour un débutant. Rubis - un bon choix comme langue seconde, mais pas comme première. JavaScript est un langage très simple, mais il ne vous apprendra rien de bon. Mais la tâche du premier langage de programmation est toujours de vous apprendre quelque chose de correct, de définir une sorte de logique.

L'anglais est-il important ?

Important! Ne sait pas? Enseigner. Savez-vous? Améliorer. Apprenez à lire, écrire, écouter et parler anglais. Concentrez-vous sur la littérature technique. Écoutez des podcasts en anglais. Lisez des manuels de programmation en anglais.

Ce qu'il faut savoir en plus du langage de programmation

Bien sûr, outre le langage de programmation et l’anglais, vous devez connaître autre chose. Mais cela dépend de la direction que vous choisissez. Un programmeur Web doit connaître HTML, CSS, JavaScript. Un programmeur de bureau enseigne les API du système d’exploitation et divers frameworks. Un développeur d'applications mobiles apprend les frameworks Android, iOS ou Windows Phone.

Tout le monde doit apprendre les algorithmes. Essayez de suivre un cours sur Coursera ou de trouver un livre sur les algorithmes qui vous convient. De plus, vous devez connaître l'une des bases de données, des modèles de programmation et des structures de données. Cela vaut également la peine de consulter les référentiels de code. Au moins avec un. Une connaissance des systèmes de contrôle de version est requise. Choisissez Git, c'est le plus populaire. Vous devez connaître les outils avec lesquels vous travaillez, système opérateur et l'environnement de développement. Et la principale compétence d'un programmeur est de pouvoir utiliser Google. Vous ne vivrez pas sans cela.

Dernières étapes

Vous devez préparer un curriculum vitae. Pas seulement un CV, mais un . Vous ne devriez pas y écrire, mais vous n’avez pas non plus besoin de garder le silence sur vos compétences. Une fois que vous êtes invité à un entretien, vous devez vous y préparer. Parcourez le matériel répertorié sur votre CV. Vous devez avoir confiance en vos connaissances. Parcourez les projets sur lesquels vous avez travaillé, réfléchissez aux technologies que vous avez utilisées. Et en avant - vers un avenir radieux avec un nouveau métier de programmeur.

• Traduction
• Didacticiel

Le chemin est long et difficile, mais intéressant et utile !

L'article était destiné à guide pratique pour ceux qui veulent devenir développeur web professionnel. J'écris du code Web depuis plus de 20 ans. Je travaille et aide les développeurs Web au quotidien. Dans cet article, je décrirai ce que vous devez apprendre, quand vous devez l'apprendre et où vous pouvez obtenir les informations (généralement gratuitement). Ensuite, je donnerai des conseils pour acquérir une expérience du monde réel et, plus important encore, être payé pour écrire du code.

Il existe de nombreux liens vers des ressources gratuites et importantes dispersées tout au long de l’article. Pour plus de simplicité, je les ai rassemblés au format PDF et les ai divisés en catégories. Je ne suis pas payé pour mentionner des sites vers lesquels j'ai fourni des liens - je veux juste vous recommander meilleures ressources pour vous aider à atteindre votre objectif.

Choses dont il faut se rappeler:

1. Vous êtes autorisé à faire défiler l'article

Le guide peut vous aider, peu importe où vous vous trouvez sur la route développement professionnel. Faites défiler jusqu'au titre qui décrit le mieux votre situation actuelle et lisez à partir de là. Si vous venez de vous lancer dans cette voie, ou si vous y réfléchissez encore, suivez les conseils du Roi d'« Alice au Pays des Merveilles » :

Commencez par le début et continuez jusqu'à la fin ; et arrêtons-nous déjà là.

2. Essayez un peu de tout puis choisissez une spécialisation.

L'argent n'est pas la chose la plus importante. Vous devez aimer ce que vous faites ! Mais vous ne saurez pas ce que vous aimez tant que vous ne l'aurez pas essayé.

Trouvez votre passion, puis monétisez-la

Le guide vous aidera à vous familiariser le plus rapidement possible avec autant de domaines du développement Web. Et puis il vous aidera à choisir une spécialisation dans le domaine qui vous plaît. Au début, vous n'atteindrez pas la perfection dans quoi que ce soit - vous apprendrez les bases et continuerez ensuite à étudier. Trouvez votre passion et je vous montrerai comment avancer.

J'ai décidé d'écrire du code. J'aime le Web. Je ne sais pas où commencer

Tu vas réussir!

Toutes nos félicitations! C’est une première étape importante et le début de quelque chose de très excitant. Mais cela peut aussi être très difficile. Ne vous inquiétez pas, je vais vous aider.

Vous devez d’abord vous familiariser rapidement avec les bases de tous les domaines du développement Web (« cycle complet"). La formation sera variée, mais superficielle. Il s’agit de trouver un domaine qui vous plaît et également d’acquérir des compétences de base dans différents domaines. Vous serez alors en mesure de comprendre et de travailler sur un large éventail de problèmes, quel que soit votre choix.

Apprenez les bases du langage HTML Hypertext Markup Language (HTML) qui contrôle le contenu et la mise en page de ce que vous voyez dans le navigateur. Une fois que vous avez commencé, vous disposez d’une interface utilisateur avec laquelle vous pouvez interagir et voir les résultats de votre code. À mesure que vous apprenez des langues plus complexes, son importance augmentera. Vous n'êtes pas obligé de coder aveuglément.

Voici ce que vous devez savoir sur le HTML :

Je connais déjà les bases de HTML Cool ! Ceci est une étape très importante. Explorez maintenant Bases de Javascript.Apprenez les bases de JavaScript JavaScript est le langage du Web et tous les principaux navigateurs (Chrome, Firefox, Safari, IE, bien d'autres) le prennent en charge. Chaque site, chaque application Web que vous avez utilisée contient très probablement une énorme quantité de code JS. Sans parler du fait que le langage gagne en popularité sur d'autres plateformes - serveurs, ordinateurs de bureau, Autres appareils.

Pour l’instant, vous avez besoin des bases, et les ressources suivantes sont utiles pour cela :

Je connais les bases de JavaScript et HTML Génial ! Ajoutons maintenant le CSS à vos compétences. Apprenez le CSS CSS, ou feuilles de style en cascade. Utilisé pour personnaliser l'apparence Éléments HTML Sur la page. Consultez le didacticiel gratuit de Mozilla, puis consultez CSS-Tricks pour les problèmes les plus difficiles (il y a une option de recherche en haut à droite).Accéder au backend Jusqu'à présent, nous avons examiné ce qu'on appelle le « frontend » du développement Web. Vous vous êtes familiarisé avec les principales langues exécutées dans le navigateur. Il est temps de passer au backend – le code exécuté sur le serveur. Ne vous inquiétez pas, vous n'aurez pas besoin d'un serveur : votre ordinateur s'en chargera.

Il existe une tonne de langages back-end, mais comme vous êtes familier avec JavaScript, je vous recommande d'apprendre à utiliser Node.js. Il vous permet d'exécuter du code JS sur le serveur plutôt que dans le navigateur.

En plus de cela, vous devez apprendre Express et MongoDB.

Express Il s'agit d'une bibliothèque qui permet à Node.JS d'agir comme un serveur Web (écouter les requêtes des pages et leur envoyer des réponses) MongoDB Il s'agit d'une base de données qui vous permet de stocker et de récupérer des informations.

Vous pouvez étudier ces trois sujets grâce au matériel pédagogique excellent et gratuit suivant, et à sa suite.

Je dois choisir entre le développement front-end, back-end et full-stack. Une fois que vous avez essayé les deux options de développement, il est temps de faire un choix. Si vous n’avez pas eu le temps de les essayer, référez-vous à la section précédente de l’article pour combler les lacunes de vos connaissances.

À ce stade, vous avez écrit deux types de code. L’un est destiné à l’interaction de l’utilisateur, l’autre aux données. Que préfères-tu?

Interaction de l'utilisateur? Félicitations, vous êtes un développeur front-end !

Interaction avec les données ? Félicitations, vous êtes un développeur backend !

Les deux? Félicitations, vous êtes un développeur full-stack !

Vous n'avez rien aimé ? Félicitations, le développement web n'est pas pour vous. Soyez heureux de l'avoir compris maintenant et de ne pas avoir perdu beaucoup de temps et d'argent. Vous n'êtes pas prêt à abandonner ? Peut-être n’avez-vous pas découvert une langue que vous avez aimée ? Essayez d'apprendre d'autres langues dans la section "Je veux devenir développeur backend".

Je veux être un développeur full-stack Cool. Vous devez lire tout le contenu des sections « Je veux être un développeur back-end » et « Je veux être un développeur front-end ». Je veux être un développeur front-end et je connais les bases de JavaScript, HTML et CSS. travail efficace En tant que développeur front-end, vous devez maîtriser HTML, CSS et JavaScript côté client. Vous devrez également avoir une bonne compréhension de plusieurs frameworks importants. Vous acquerrez les compétences que les employeurs et les clients s'attendent à trouver chez les développeurs front-end.

À présent, vous devriez déjà connaître les bases du HTML. Sinon, revenez à la section Apprendre les bases du HTML.

Apprendre le HTML intermédiaire et avancé Consultez le didacticiel HTML intermédiaire puis avancé. Apprenez le JavaScript avancé côté client.

Une excellente série de livres sur JS, et c'est gratuit

Pour améliorer vos compétences en JavaScript, je recommande la série de livres You Don't Know JS de Kyle Simpson. L'auteur a mis en ligne gratuitement l'intégralité de la série :

De plus, votre meilleur ami devrait également devenir MDN JavaScript.

[Une excellente traduction de l’excellent livre « » est également à votre disposition entièrement gratuitement.]

Connaître la « trinité front-end », HTML, CSS et JavaScript, est bien sûr formidable. Mais pour gagner de l'argent, il faudra se familiariser avec certains frameworks.

Apprenez jQuery C'est la bibliothèque JS la plus populaire de tous les temps. Bien que certains nouveaux frameworks aient rendu jQuery moins important, si vous recherchez un emploi, il y a de fortes chances que jQuery figure dans les descriptions de poste (et soit mentionné dans les entretiens) pendant de nombreuses années.

Je recommande d'apprendre jQuery en utilisant le matériel FreeCodeCamp - c'est rapide et méthode efficace. Après cela, rendez-vous sur le site de formation officiel - vous y trouverez des instructions supplémentaires.

Apprendre un framework JS populaire Les frameworks facilitent le travail avec un langage ou une technologie particulière car ils résolvent les plus gros problèmes existant pour la technologie sélectionnée. JavaScript a eu un effet très bénéfique sur le développement et la vulgarisation des frameworks.

Presque une fois par semaine, un nouveau framework apparaît, censé remplacer un nouveau standard de développement. Vous devrez parcourir les sites d'emploi et faire quelques recherches sur Google pour déterminer quel framework est populaire sur votre marché. Je recommande également l'outil de Hacker News pour évaluer les tendances du marché du travail.

Au moment de la rédaction de cet article, les frameworks suivants étaient populaires :

Après avoir choisi le framework le plus adapté et bien vous être familiarisé avec celui-ci, il vaut la peine d'étudier le framework CSS qui l'accompagne. Les deux plus grands acteurs de ce marché aujourd’hui sont Bootstrap et Material Design.

Bootstrap Bootstrap a été créé par les développeurs de Twitter et il est déjà assez mature et populaire. Des versions de Bootstrap existent pour Angular, Angular 2 et React. Material est un ensemble de règles de conception développées chez Google. Il gagne en popularité et il existe des versions pour Angular et React. Étant donné qu'Angular est également une idée originale de Google, Material s'y adapte parfaitement.

Voici quelques liens pour vous :

Toutes nos félicitations! Vous disposez de compétences clés en développement front-end !

Regardez-le !

Je veux devenir développeur backend Super ! La première étape consiste à choisir une langue. Il existe de nombreuses langues disponibles pour travailler avec le backend, et chacune a ses propres avantages et inconvénients. Consultez le tableau des langages de programmation classés par popularité. Tous sont dans le top dix depuis dix ans. Ceux marqués en vert sont des langages Web qui ont gagné en popularité au fil des années.

Index TIOBE des langages de programmation, www.tiobe.com/tiobe_index?page=index

Concentrez-vous sur les langues dont j’ai entouré les noms en vert. Si vous ne les connaissez pas, commencez par le haut du tableau et descendez. Arrêtez-vous lorsque vous trouvez quelque chose que vous aimez et creusez profondément !

Si vous connaissez l'un des vert langues, et que vous l'aimez - concentrez-vous dessus.

Améliorez vos compétences en entretien Vous devez vous préparer à bien plus que simplement écrire du code. Un bon article de Life Hacker décrit de nombreuses informations utiles et précieuses. L'essentiel est de prendre pied sur le marché. Ne vous inquiétez pas trop d'obtenir l'emploi de vos rêves auprès de l'employeur de vos rêves avec le salaire de vos rêves. Tout d’abord, trouvez simplement un emploi où vous écrivez du code pour de l’argent. Après avoir acquis plus d'expérience, vous serez en mesure de planifier votre prochaine étape.Je veux devenir indépendant.Être son propre patron, c'est bien, mais c'est aussi une énorme pression et de grandes difficultés. Meilleure source des informations sur le travail indépendant d'après tout ce que j'ai vu - DoubleYourFreelancing.com. Il propose une série d’articles qui vous aideront à devenir un meilleur pigiste que je ne le pourrais jamais. Lire.

Une autre option, si vous avez confiance en vous, est le service Toptal. Ils n'acceptent que 3 % de tous les candidats et le processus est très compliqué, mais si vous entrez, vous aurez accès à des emplois bien rémunérés sur lesquels vous pourrez travailler à distance.

J'ai commencé à travailler, mais j'ai l'impression d'être dans une impasse, je comprends. Ce n'est pas facile, et si quelqu'un vous dit le contraire, soit il ne l'a pas fait, soit il essaie de vous arnaquer. Si vous vous sentez coincé, essayez les options suivantes : Actualisez votre intention initiale Demandez-vous et écrivez sur papier pourquoi vous avez décidé de suivre cette voie. Votre réponse est-elle toujours valable ? Si oui, pourquoi arrêter ? Avant!

De l'auteur : la plupart demande populaire pour les développeurs débutants, c'est « le développement Web par où commencer ». En effet, il est quasiment impossible de déterminer indépendamment le point de départ de l’apprentissage. Le domaine regorge d’un grand nombre d’outils différents, ce qui nécessite tout un ensemble de compétences. Nous vous aiderons à découvrir dans quel ordre maîtriser le travail avec les logiciels et les langages pour le Web, afin que dès que possible vous pouviez vous appeler développeur.

Cela vaut la peine de commencer !

Si l’on avait demandé au début des années 2000 à un programmeur expérimenté quelle était la chose la plus intéressante à étudier, il aurait répondu sans sourciller : « le développement logiciel" A cette époque, la quantité de travail dans ce sens était en effet importante : il fallait créer les principaux systèmes d'exploitation, antivirus, navigateurs et moteurs de jeux. Aujourd’hui, tout cela continue de se développer, mais l’accent est mis sur le web.

Créer des produits en ligne est intéressant pour les débutants. C'est ce qu'ils voient quotidiennement : des pages et des applications. Leur utilisation est active, ce qui signifie que le marché a besoin de tels spécialistes. De plus, l'apprentissage est désormais accessible à tous ceux qui disposent d'Internet - il n'est plus nécessaire de travailler avec des quantités d'informations dans la bibliothèque.

Le développement Web attire les personnes ayant un esprit créatif. Il y a ici à la fois des programmeurs et des artistes. Un produit a besoin d'un noyau de qualité - ainsi que d'une apparence attrayante. Il y a encore un débat actif sur ce qui est le plus important pour un produit Web : apparence ou des performances. Et si certains (Telegram, Facebook) démontrent que même une simple partie visuelle est bien perçue par l'utilisateur, alors d'autres (Instagram) montrent que parfois l'utilisateur est prêt à payer pour une application magnifiquement conçue.

Il faut également devenir développeur web car chaque approche a sa propre application. C'est un monde de développement et de recherche constants. Ici, tout est axé sur le client et ses besoins. De plus, après avoir acquis de l'expérience dans l'environnement web, vous pouvez vous lancer dans le développement de logiciels : les langages et les outils sont devenus courants pour ces types de développement.
Front-end ou back-end ?

Même ceux qui commencent à étudier le domaine à partir de zéro savent qu’il existe ces deux principales directions de développement. Mais peu de gens savent ce que chacun d’eux signifie. Et si tout est plus ou moins clair sur le « front », alors la partie serveur, le backend, est plongée dans l'obscurité pour les nuls. Sans une compréhension approfondie de chacun des vecteurs de développement, il est impossible de déterminer avec lequel d’entre eux vous serez le plus à l’aise. Revue détaillée peut clarifier pour les débutants.

C’est ainsi que l’on peut généralement caractériser ce que signifie créer un produit pour le Web. Non, nous n’insistons pas sur le fait qu’un débutant doive choisir le dos, c’est juste que c’est un côté plus mystérieux.

En effet, la manière dont la plupart des éléments sont construits dans leur partie visuelle est généralement claire pour tout le monde. Mais quel genre de magie permet de charger les éléments fonctionnels nécessaires à un moment donné n'est pas clair pour tout le monde. Cette magie du réseau est contrôlée côté serveur : les informations sont traitées sur le serveur et non sur la machine de l'utilisateur.

Un backend développé est typique des sites dynamiques. Par exemple, réseaux sociaux- dynamique. Ils mettent à jour votre page sans que vous vous en rendiez compte et génèrent du code HTML pour le navigateur basé sur divers facteurs: depuis le déplacement du curseur jusqu'au début d'une période de temps déterminée.

Lors de votre inscription, vous choisissez un pseudo. Et s'il est occupé, le système vous en informe : le backend a commencé à fonctionner. Selon l'algorithme prescrit, les données que vous avez saisies dans le champ de la page Web ont été envoyées au serveur. Là, le programme vérifie tous les utilisateurs enregistrés par rapport à la base de données et, si le nom est pris, envoie des informations à ce sujet à l'utilisateur à l'écran. Dans une version plus sophistiquée, un programme spécialement écrit propose à l'utilisateur différentes variantes du surnom pouvant être utilisé.

Et ce n'est qu'un exemple : c'est plus compréhensible pour les débutants. En général, le côté serveur peut exécuter un nombre illimité de fonctions. Le développeur, créant un produit à partir de zéro, détermine quelles fonctions seront exécutées par la puissance du serveur et lesquelles incomberont à la machine utilisateur. Beaucoup dépend du service créé par le webmaster.

Par exemple, le plus application populaire pour le covoiturage, BlaBlaCar dépend plus du backend que de toutes les pages de cartes de visite réunies. Une énorme équipe de développeurs interagit avec son côté serveur, tandis que son front-end est compréhensible, même pour les nuls du Web. Il ne faut pas seulement formaliser l’ensemble du processus demande-réponse. Mais créez également des applications mobiles et de bureau pour chaque plateforme.

Ceux qui sont plus enclins à la programmation choisissent généralement de « revenir ». Cela peut être ennuyeux pour les débutants qui rêvaient de créer de bons visuels et de bonnes transitions de pages. Mais les spécialistes de ce côté du développement ont leur propre avantage : la stabilité. Ayant appris une certaine technologie, ils peuvent s'en armer pendant de nombreuses années, tandis que le front est une course constante contre la montre.

Les langages utilisés pour ce côté du Web sont généralement appelés langages côté serveur. Certains d'entre eux sont utilisés dans la programmation en général, mais en raison de leur popularité parmi les développeurs Web, ils sont désormais associés spécifiquement à la maintenance des produits Web. Parmi eux:

PHP, qui a gagné sa popularité en raison de sa facilité d'apprentissage. Malgré les critiques de l’extérieur, il reste le plus utilisé ;

Javascript et ses modifications ;

Ruby, qui a donné naissance à l'un des frameworks les plus connus - Ruby on Rails ;

En réalité, la langue que vous choisissez d’apprendre n’est pas si importante. Après tout, chacun d’eux est bien adapté pour interagir avec le serveur. En plus d'eux, il sera utile d'apprendre le langage de requête. Le plus connu et le plus utilisé est SEQUEL, ou SQL. Les similitudes entre ces langues sont fortes. Ainsi, après avoir appris l'un, il ne sera pas difficile de s'adapter aux opérations avec l'autre.

Tendances modernes et approches en développement web

Apprenez l'algorithme pour une croissance rapide à partir de zéro dans la création de sites Web

Ce langage est nécessaire pour communiquer avec les bases de données - c'est exactement ce qui peut être fait application rapide, qui utilise de grandes quantités de données. Les systèmes de gestion de bases de données les plus populaires sont MySQL, MSSQL, MariaDB et autres. Il est difficile de dire lequel est le meilleur, mais MySQL est celui qui a gagné le plus de popularité. La capacité d'interagir avec des bases de données est essentielle pour un développeur d'applications Web ; cela s'applique aussi bien aux spécialistes front-end que back-end. Maître points clés pas difficile, mais les connaissances professionnelles nécessitent une expérience dans la résolution tâches spécifiques.

Pas uniquement par la conception

...peut être décrit comme un frontend, même si c'est ainsi que les débutants comprennent le côté client. Dans une certaine mesure, ils ont raison, car l'essentiel du travail d'un développeur front-end réside dans l'interface visible par l'utilisateur. Cependant, il est responsable non seulement du design, mais également de l’expérience utilisateur interactive.

Dessinez - ne codez pas

La façade dispose de deux vecteurs majeurs de développement : les designers et les maquettistes. Si vous aimez la créativité et les mises en page, commencez à apprendre les bases de la conception Web. Tout d'abord, installez éditeur graphique, Par exemple, Adobe Photoshop. Il existe de nombreux matériels pédagogiques dans ce domaine et ils sont de haute qualité. La part du lion est spécifiquement destinée aux mannequins.

Immédiatement après l'installation de PS, la fonctionnalité et l'interface vous sembleront peu conviviales et les outils seront difficiles à utiliser. En effet, travailler avec le programme nécessite certaines compétences. Mais, premièrement, ce n’est pas aussi difficile qu’il y paraît, et deuxièmement, tout le potentiel des capacités de Photoshop ne vous est d’aucune utilité. Il existe des cours sur YouTube spécialisés dans les maquettes de produits Web. Choisissez-les pour vous entraîner !

Si nous parlons de la caste des concepteurs de mise en page, leur tâche est alors de transformer les mises en page en code compréhensible par le navigateur - HTML. Mais cela ne vous suffira pas. Il ne vous faudra pas plus de deux jours pour maîtriser le langage hypertexte si vous étudiez dur, et autant plus pour Bases CSS, ce qui rend le site coloré. Ce n'est pas comme les langages de programmation - c'est comme si c'était fait pour un débutant.

Si nous parlons de langage de programmation, alors pour le développeur front-end, il s'agit de Javascript. Et ce serait formidable s’il n’y avait pas la course contre la montre dont nous avons parlé plus haut. Grâce à lui, un développeur Web moderne doit travailler avec deux standards à la fois : le cinquième et le sixième ECMAScript. Les nouveaux produits sont écrits dans le volume 6, mais un certain nombre de produits utilisent encore le volume 5. Vous devrez composer avec chacun.

Il y a quelques années, une compétence importante était la capacité à écrire du code multi-navigateurs. En bref, cela signifie écrire un programme Javascript qui fonctionnera bien sur les principaux navigateurs. Auparavant, les fabricants de logiciels permettant de surfer sur le Web rivalisaient pour déterminer quelle technologie serait généralement acceptée. Mais aujourd'hui, presque tous les navigateurs sont standardisés et leurs différences se concentrent dans interface utilisateur. Jusqu'à récemment, la compatibilité entre navigateurs signifiait que le code Javascript était adapté à navigateurs modernes Et Internet Explorer. Mais la société a reconnu que l’IE était irréalisable et a abandonné son utilisation, un peu moins que complètement.

DANS Dernièrement, les développeurs front-end sont soumis à des exigences d'ordre plus élevé. Si auparavant, un tel développeur ressemblait davantage à un concepteur de mise en page formé aux subtilités du JS côté client et aux scripts « vissés » de la bibliothèque, il est désormais une personne possédant un ensemble étendu de compétences. Le marché moderne veut voir un développeur front-end quelque chose comme ceci :

connaît HTML/CSS avec ses spécifications ;

utilise des préprocesseurs pour l'optimisation ;

se sent à l'aise avec JavaScript ;

fonctionne avec les frameworks js tels que Angular et React ;

crée une conception en utilisant la méthodologie BEM ;

comprend les CMS populaires (afin que plus tard la fonctionnalité soit compréhensible même pour les nuls) ;

comprend les bases du backend et n'a pas peur de s'y lancer si nécessaire ;

fonctionne avec les systèmes de contrôle de version tels que Git ;

Cela ressemble déjà à une pile complète, mais nous en parlerons plus loin ci-dessous. Cette approche est critiquée par les programmeurs car elle les oblige à perdre du temps sur des problèmes qu’ils n’ont pas résolus auparavant.

Ou peut-être un full stack ?

Dans n'importe quel domaine, que vous soyez médecin, ingénieur, mathématicien ou développeur web, vous devez vous efforcer de maîtriser ensemble complet compétences. Et le fait que les développeurs front-end doivent aujourd’hui connaître les bases du backend est un phénomène naturel.

Mais il semble qu’à l’ère du développement que nous connaissons actuellement, il ne sera pas possible de maîtriser immédiatement toutes les compétences en matière de développement Web à partir de zéro. Le fait est que pendant que vous maîtrisez une chose, quelque chose de nouveau sera inventé, et le temps passé aurait pu être consacré au « polissage » et à la partie pratique. Les grandes entreprises comprennent qu’il est plus facile d’embaucher deux spécialistes que d’espérer que quelqu’un puisse couvrir deux champs de bataille à la fois.

Une pile complète était possible il y a plusieurs années, lorsque la quantité de technologie nécessaire pour créer un produit de qualité n'était pas si étendue. Mais même les langages et les logiciels eux-mêmes ne sont pas les principales pierres d'achoppement. Essentiellement, une pile complète doit développer à la fois le produit lui-même et ses versions adaptatives pour diverses plateformes, y compris les mobiles. Difficile à mettre en œuvre, encore plus difficile à tester : il s’avère que le développeur doit s’entourer des appareils pour lesquels il crée l’application.

Mais si vous commencez tout juste votre formation, allez dans les deux sens. Cela ne signifie pas que vous deviendrez définitivement un full stack. Mais de cette façon, vous pourrez découvrir quel vecteur de développement vous aimez et sur lequel vous naviguerez simplement.

À propos, la ligne même entre le devant et le dos est très arbitraire dans conditions modernes. Parfois, les développeurs construisent candidatures complètes, qui sont presque entièrement basés sur le côté client, tandis que d'autres transfèrent tous les processus vers le serveur et ne donnent à l'utilisateur que le résultat du programme.

Et enfin, la règle principale : ne cessez jamais de vous améliorer, quel que soit le côté du développement que vous choisissez.

Tendances et approches modernes du développement Web

Apprenez l'algorithme pour une croissance rapide à partir de zéro dans la création de sites Web

Le métier de développeur web est l'un des plus demandés sur le marché informatique. Voyons comment y accéder, découvrons comment les technologies de développement Web fonctionnent et interagissent les unes avec les autres, et utilisons un exemple pratique pour essayer de créer votre première page.

Le texte a été préparé sur la base d'un webinaire avec la participation de Mikhail Ovchinnikov de Badoo.

Enregistrement du webinaire

Gagner du temps

Situation du marché

Compte tenu de l’image globale du marché, nous pouvons souligner les domaines les plus populaires du secteur informatique :

1. Le frontend est le secteur qui connaît la croissance la plus rapide et la plus rapide, dans lequel les tendances changent constamment. S'appuie sur la langue Programmation Java Script et ses frameworks tels que Angular.js, React.js, Vue.js et autres, ainsi que les feuilles de style HTML et CSS du langage de balisage hypertexte.

2. Développement Web, à savoir développement back-end utilisant divers langages, par exemple PHP, Ruby et Python.

3. Développement Android/iOS - développement pour appareils mobiles en Java, Swift, Objective-C, C# (Xamarin), JavaScript (React Native) et autres.

4. Développement .NET - développement d'applications de bureau pour le système d'exploitation Système Windows en langage C# et des programmes serveur, y compris des sites Web, utilisant la technologie ASP.NET.

5. Développement Java - développement d'applications multiplateformes utilisant Langage Java, ainsi que de grands systèmes hautes performances utilisant Technologies Java EE. Il est choisi lorsque la fiabilité, l’évolutivité et la flexibilité sont nécessaires.

6. Développement de jeux - développement de jeux pour diverses plateformes.

7. UI/UX – conception de l’interface utilisateur.

8. Assurance qualité – assurance qualité et tests des logiciels.

9. Développement embarqué - développement de logiciels pour le matériel : voitures, appareils ménagers Et divers appareils en utilisant des langages de bas niveau tels que C et C++ avec des insertions de langage assembleur du processeur correspondant.

Pourquoi aller sur le Web

Aujourd'hui, le développement Web est une industrie en développement si rapide qu'il vaut la peine d'étudier une technologie ou un framework et de commencer à travailler avec. Dans deux ou trois mois, quelque chose de complètement nouveau apparaîtra sur le marché et tout le monde commencera à l'utiliser.

Le développement Web est constamment renouvelé avec de jeunes spécialistes. On trouve assez rarement des programmeurs seniors avec dix ans d'expérience : soit ils parviennent à devenir managers, soit ils doivent apprendre de nouveaux langages. Cette croissance rapide de l'industrie crée un vaste champ d'information et une communauté forte.

Par conséquent, si vous êtes jeune, plein d’énergie, que vous avez le sens du goût et que vous aimez même la programmation, le développement Web est fait pour vous.

Combien gagne un développeur web ?

En examinant les sites de recherche d’emploi, vous pouvez voir la gamme complète des salaires des développeurs Web. Un débutant avec moins de six mois d'expérience peut gagner entre 30 000 et 60 000 roubles. Un spécialiste moyen possédant une bonne expérience reçoit entre 80 000 et 150 000 roubles. Le revenu d'un professionnel est compris entre 150 000 et 250 000 roubles. De plus, beaucoup dépend du pays, de la région, de la langue choisie et de l'entreprise proposant le poste.

Salaires des développeurs frontend du service salarial de la société « My Circle » sur le site habrahabr.ru (fin 2017)

Ce qu'un développeur Web doit savoir

Il existe de nombreuses rumeurs et stéréotypes concernant le développement et la programmation Web. Nous en parlerons également.

Ce dont un développeur Web n'a pas besoin :

Connaître les mathématiques - la plupart des programmeurs qui créent professionnellement des sites Web et des services Web ont suffisamment de connaissances au niveau de la 5e année.

Avoir des connaissances approfondies En anglais. Cinquante mots peuvent suffire.

Étudiez pendant plusieurs années et obtenez un diplôme universitaire pour maîtriser le développement Web de base. En fait, sa maîtrise nécessitera deux à trois mois de formation.

Ce dont vous aurez besoin pour un démarrage réussi :

Explorer technologies de base créer des sites Web - HTML et CSS - et comprendre les principes de construction d'une structure de site Web. Cela prendra plusieurs semaines.

Maîtriser les technologies associées : éditeurs de code ou IDE (environnements de développement intégrés), par exemple Notepad++, Sublime Text, Brackets, WebStorm, PHPStorm. Ces outils accéléreront considérablement le processus de développement.

Connaître l'existence de cadres et solutions prêtes à l'emploi, qui simplifient et améliorent le code. Par exemple, pour un développeur frontend, il s'agit du framework de mise en page Bootstrap, de la bibliothèque Langage JavaScript- JQuery, avec lequel de nombreux autres outils utiles et bibliothèques requises, et Simfony - Framework PHP usage général, qui facilite l'interaction avec la base de données, la tâche de génération de code HTML et la tâche d'acceptation des données de la requête.

La capacité de composer correctement est tout aussi importante Requêtes de recherche, utiliser des sources d’informations de haute qualité et vérifiées.

Structure du site Web

Tout d’abord, découvrons ce qu’est un site Web et en quoi il consiste.

Techniquement, le site n'est qu'une collection fichiers texte, ayant certaines extensions, stockées dans le même répertoire sur un ordinateur ou un serveur. En plus d'eux, la structure des répertoires peut inclure des sous-dossiers contenant des images, des polices et bibliothèques supplémentaires, utilisé dessus. Selon l'objectif et le format des fichiers, ils sont classés dans des dossiers appropriés. En règle générale, la page principale du site se trouve à la racine du répertoire et s'appelle index.html.

Par exemple, si notre site avait le domaine monsite123.com, alors le dossier dans lequel il se trouve s'appellerait de la même manière et aurait quelque chose comme cette structure :

Structure du répertoire du site

Lorsque nous saisissons une adresse, par exemple yandex.ru, dans la barre d'adresse du navigateur, le navigateur contacte le serveur du site correspondant. C'est ici que commence l'interaction avec n'importe quelle page d'Internet.

En réponse à cette demande, les technologies backend, par exemple PHP et MySQL, commencent à fonctionner sur le serveur Yandex.ru. Ils font leur « magie du serveur » et en réponse à la demande « montre-moi page d'accueil" renvoyer au navigateur la page souhaitée sous forme de code HTML, CSS et JavaScript. Le navigateur est capable de reconnaître ce code et, par conséquent, affiche une belle « Accueil » fonctionnelle dans sa fenêtre.

Ressources et outils de développement Web

Pour un développement Web productif et de haute qualité, nous nous familiariserons avec les sources d'informations les plus populaires, ainsi que certains outils.

HTML et CSS :

• htmlbook.ru - un tutoriel sur HTML4, ainsi qu'une introduction à HTML5, un tutoriel sur CSS, une introduction à CSS3 ;
• htmlacademy.ru - cours interactif sur HTML5, bases CSS, etc. cours gratuits;
• webref.ru - Tutoriel HTML, bases CSS, modèle de bloc CSS, texte en CSS, positionnement en CSS, CSS avancé ;
• "Plongée dans HTML5" par Mark Pilgrim.

Javascript :

• learn.javascript.ru - le didacticiel JavaScript le plus moderne ;
• David Flanagan.

Après avoir maîtrisé ces technologies, il est recommandé d'apprendre également JQuery, la bibliothèque JavaScript la plus populaire. À l'avenir, il vaut la peine de se familiariser avec des bibliothèques utiles telles que Slick, Owl Carousel, Magniffic Popup, Velosity.js, Tree.js et autres.

Pour accélérer le codage et travail confortable Nous vous recommandons d'utiliser des éditeurs de texte, tels que Sublime Text avec le plugin Emmet, Éditeur de bloc-notes++, Brackets, IDE WEBStorm, PHPStorm et autres outils utiles.

Pour accélérer l'écriture du code CSS, il sera utile d'apprendre à travailler avec des préprocesseurs CSS, tels que Scss, Sass, Less.

Créer une page Web simple

Comme vous l'avez déjà appris, une page Web est un fichier avec une extension .html qui contient du code HTML. Il s’agit d’un ensemble de balises spécifiques entourées des deux côtés par des crochets angulaires. Il existe des balises fermantes et non fermantes.

Profitons éditeur de texte Sublime Text3 et créez-y un nouveau fichier index.html.

Fichier index.html

Nous disposons désormais d'une structure de document HTML standard. Ouvrez la page créée dans le navigateur, vous verrez un vide fond blanc. Tout le contenu de la page affichée dans le navigateur est placé entre les balises d'ouverture et de fermeture et - pour l'instant, il n'a qu'un titre affiché dans l'onglet du navigateur, mais aucun contenu.

Ajoutons quelques éléments. Chacun d'eux a sa propre balise. Tout d’abord, créons un titre et ajoutons-y du texte et un bouton.

Pour ajouter un titre, utilisez la balise, pour ajouter un paragraphe de texte, utilisez la balise

Et pour le bouton - la balise. Plaçons ces éléments dans un bloc avec la balise.

Ma première page

Ceci est ma première page

La programmation est simple !

Montrer

Actualisons maintenant la page. Comme vous pouvez le constater, les éléments sont apparus dans la fenêtre du navigateur.

Le langage HTML que nous avons utilisé jusqu'à présent est uniquement responsable de la création de la structure de la page. Essayons de styliser un peu nos éléments : changeons les couleurs du titre et de l'arrière-plan du bouton, et changeons la taille de la police du texte du paragraphe.

Pour changer le style des éléments, vous devez leur appliquer des règles CSS. Les règles CSS peuvent être écrites dans un bloc avec la balise.

Le code dont nous avons besoin ressemble à ceci :

h1 (couleur : violet ;)

p (taille de police : 30 px ; )

bouton (couleur de fond : jaune ;)

Il doit être placé entre les balises. Comme vous l'avez peut-être remarqué, les noms des propriétés parlent d'eux-mêmes. Ce sont des simples mots anglais, écrit selon une syntaxe spécifique inhérente au langage de programmation. Actualisons à nouveau la page et voyons ce qui se passe.

Super. Définissons maintenant l'arrière-plan et rendons le bouton plus visible. Ajoutons les règles suivantes pour le bouton et l'arrière-plan :

couleur de fond : orange ;

taille de police : 30 px ;

corps (couleur de fond : gris clair ;)

Il est temps de compléter toute cette splendeur avec une photo. Ajouter une balise aux éléments existants , qui est responsable de l’affichage des images sur la page. Il comprend un attribut tel que src (de l'anglais source - source), qui pointe vers le chemin d'accès à l'image. Notre photo est sur le disque D.

De cette façon, vous pouvez créer de nombreux éléments sur une page, puis utiliser des règles CSS pour leur donner l'apparence et la position souhaitées.

Faisons en sorte que lorsque vous survolez le bouton, il devienne blanc et le texte à l'intérieur devienne orange. La pseudo-classe hover est responsable de l'état d'un élément lorsque le curseur passe dessus en CSS. Ajoutons quelques règles pour notre bouton, puis essayons de passer le curseur dessus.

bouton : survol (couleur d'arrière-plan : blanc ; couleur : orange ;)

Tout a fonctionné ! Le bouton a changé d'apparence.

Essayons maintenant de rendre notre image invisible par défaut et organisons tout pour qu'elle n'apparaisse que lorsque vous appuyez sur le bouton. La propriété CSS visibilité est responsable de la visibilité des objets. Mettons-le sur caché.

img (visibilité : masquée ;)

Comme vous pouvez le constater, la photo a disparu.

Renvoyons notre image et cliquons sur le bouton « Afficher ». Rien ne s'est passé? C'est parce que nous n'avons pas encore programmé le bouton pour effectuer une action. Ici, nous pouvons déjà appliquer JavaScript.

Pourquoi JavaScript est-il nécessaire ?

Nous avons maintenant une page statique qui contient un contenu simple. Afin d'attribuer un événement en réaction au clic sur un bouton, vous avez besoin du langage JavaScript. De manière générale, toute interactivité sur le site, toute interaction avec l'utilisateur, est JavaScript. Le code JavaScript, comme CSS, est écrit dans une balise spécifique - .

En règle générale, les scripts, comme les règles CSS, sont généralement placés dans un fichier séparé avec l'extension .js (pour CSS - .css), puis connectés à la page. Mais dans notre exemple, nous allons insérer le script dans la section, tout comme nous l'avons fait avec CSS.

Pour effectuer une action uniquement avec un élément spécifique, dans notre cas avec une image, nous lui donnons un identifiant unique avec un nom arbitraire, par exemple cat.

Ensuite, nous créerons une fonction en utilisant JavaScript qui renverra une image à l'écran et lui donnerons le nom show. Collons ce morceau de code dans la section.

fonction show())( document.getElementById("cat").style.visibility="visible";)

Vous devez également indiquer explicitement au bouton qu'il doit répondre à un événement. Dans notre cas, il s'agit d'un simple clic. Autrement dit, lorsque vous cliquez sur le bouton, la fonction show créée précédemment doit être exécutée.

Montrer

Maintenant, la construction document.getElementById("cat") accède à l'élément par l'identifiant cat, qui est attaché à notre image. Indiquons que nous accédons au style de l'élément, et plus particulièrement à la propriété de visibilité, et définissons la valeur visible entre guillemets via le signe « = ».

Si vous souhaitez que l'arrière-plan de la page change lorsque vous cliquez sur le bouton, ajoutez ce code à la fonction :

document.body.style.background = "vert";

Comme vous pouvez le voir, c'est vraiment simple.

Au lieu de modifier manuellement les propriétés des objets dans le code, JavaScript l'a fait pour nous.

Comment les sites Web stockent les données

Le site lui-même ne stocke pas de données. Il les affiche uniquement sur ses pages. Les profils d'utilisateurs, les listes de biens et de services et d'autres informations les contenant sont stockés dans une base de données sur le serveur. Sur un site d'actualités, toutes les actualités sont également stockées dans une base de données.

Imaginez si chaque fois qu'une boutique en ligne ajoutait des produits à sa liste, vous deviez insérer manuellement des blocs contenant des informations les concernant dans le code HTML de la page. Il est difficile d'imaginer à quel point cette activité serait routinière. Au lieu d'une personne, ce processus devrait être effectué par un programme.

À ces fins, il existe des langages côté serveur, tels que PHP. Les scripts écrits en PHP peuvent fonctionner automatiquement avec la base de données. Une tâche typique que le code PHP résout est de recevoir une sorte de demande de l'utilisateur, de la traiter, d'accéder à la base de données, de récupérer les demandes nécessaires et de les afficher à l'utilisateur.

Il existe de nombreux autres langages à ces fins, mais PHP, associé à MySQL - un système de gestion de base de données (SGBD) - est considéré comme l'option la plus simple à maîtriser pour un débutant.

Afin de mettre constamment à jour le site avec du nouveau contenu, il existe des systèmes de gestion de contenu (CMS), ou ce qu'on appelle des moteurs. À propos, l’un des CMS les plus populaires, Wordpress, est écrit en PHP.

Pour résumer, on peut dire que pour faire « vivre » un site internet, il faut maîtriser au minimum les technologies ci-dessus.

Conclusion

Aujourd'hui, nous avons parlé de la pile de connaissances qu'un programmeur débutant devrait posséder. Nous avons compris les bases de la création de sites Web et essayé de créer notre première page Web. Listons encore une fois les compétences de base d'un développeur web :

La connaissance des langues.

Capacité à utiliser des solutions, des bibliothèques et des frameworks prêts à l'emploi.

Présentation de soi et travail avec le client.

Avoir un bon portfolio et un bon CV.

Capacité à comprendre les exigences du client et de l'employeur.

Et peut-être que le plus important est la pratique constante et le désir d’apprendre quelque chose de nouveau. Vous pouvez apprendre tout cela (et bien plus encore) en suivant un cours qui comprend de nombreux tests et tâches pratiques, une grande quantité de communication avec des programmeurs professionnels et même la création de votre premier projet de travail.

Je vous souhaite à nouveau la bienvenue sur mon blog et aujourd'hui je vais essayer de répondre à la question, comment devenir programmeur web à partir de zéro le plus rapidement possible ? Je dirai tout de suite que cela est possible, en principe, pour n'importe qui, je ne vois aucune restriction à cet égard. Le plus important est votre envie et votre persévérance.

Premier pas

Tout d’abord, vous devez décider quel est le but de votre formation ? Pour vous-même ou pour travailler dans une entreprise prestigieuse avec un salaire important et une évolution de carrière ? Quelle que soit la réponse, vous souhaiterez probablement commencer par des cours gratuits. Et puis je donnerai plusieurs sites où l'on peut se former quasiment gratuitement, mais jusqu'à un certain niveau.

Bien sûr, l'affaire ne s'arrêtera pas à la théorie, toutes les connaissances acquises doivent être appliquées dans la pratique quelques dizaines de fois - cela vous viendra alors beaucoup mieux en tête, il est donc même possible de vous réveiller la nuit après cela et demander: "Comment fonctionne @keyframes en CSS ?"- vous raconterez tout en détail.

Cette toute première étape consiste donc à savoir ce dont vous avez besoin. Pour ce faire, je vous recommande d'accéder à un portail informatique très populaire - Geekbrains. Là, en faisant défiler un peu la page, vous pouvez voir quels domaines sont enseignés sur le portail. Nous nous intéressons au métier de développeur Web - il s'agit essentiellement d'un programmeur Web.

Ici, tout en bas, vous pouvez voir ce que vous étudierez si vous payez pour la formation.

J'ai intentionnellement recadré un peu cette capture d'écran pour vous montrer de quelles technologies vous avez besoin en premier.

Que doit savoir un programmeur Web ?

Donc, comme vous pouvez le constater, voici :

HTML/CSS sont les langages de base pour le balisage et la conception de pages Web ; sans eux, il est impossible d'imaginer la création de sites Web. Ce sont les bases, les technologies les plus simples que vous devez apprendre en premier.

PHP est l'arme principale d'un programmeur Web. Ce langage est utilisé pour créer des réseaux sociaux, des boutiques en ligne, des frameworks, des moteurs et bien plus encore. C'est grâce à lui que fonctionnent la plupart des services en ligne, formulaires de commentaires, inscriptions sur des sites Internet, etc.

JavaScript est un langage de programmation spécifiquement pour le Web ; avec son aide, une page peut être programmée de manière à ce que sa conception change lorsque différents événements se produisent. Par exemple, lorsque vous cliquez sur la fenêtre, elle s'agrandit, etc. De nombreux exemples peuvent être donnés.

Mais ce n’est que le niveau le plus basique : en effet, si vous voulez devenir professionnel, vous devrez apprendre des dizaines de technologies d’une manière ou d’une autre. En voici une liste partielle :

Où puis-je apprendre tout cela ?

D'après ma compréhension, il existe 3 façons principales d'apprendre à devenir programmeur Web :

Lisez des articles et du matériel gratuits sur Internet, regardez des leçons et des cours vidéo gratuits. De cette façon, vous pouvez obtenir une base, mais vous n’irez pas plus loin que le niveau d’entrée !

Achetez des cours payants. J'ai choisi cette option car j'étudie la création de sites Web non pas pour travailler pour une entreprise, mais pour moi-même, donc je suis satisfait des cours. 1 cours judicieux sur RuNet coûte de 3 000 à 7 000 roubles. Personnellement, je n'ai dépensé que 40 à 50 000 roubles pour le cours et je ne le regrette pas, car... J'ai déjà acquis beaucoup de connaissances que j'ai pu mettre en pratique et commencer à gagner de l'argent.

Achetez une formation à distance complète avec un mentor. C'est l'option la plus chère, qui coûtera entre 40 000 et 150 000 roubles. Bien sûr, en termes d'efficacité, c'est le meilleur. Une telle formation, par exemple, peut être achetée auprès de l'université en ligne Geekbrains.

De bonnes plates-formes pour acquérir des connaissances de base en HTML, CSS, PHP et JS seraient Magisters.org, HtmlAcademy.ru et la section premium de Web4myself.com (bien qu'elle soit payante, l'accès à celle-ci n'est que de 500+ roubles par mois, et là il y a des tonnes de leçons là-bas).

Eh bien, je vois que la meilleure option est les mêmes Geekbrains - parce que tout ici est payant et sérieux, ils vous apportent de vrais résultats sous la forme de sites créés par vos propres mains, et ne vous donnent pas seulement une simple théorie dépassée. De plus, vous pourrez y obtenir les conseils d’un véritable mentor.


Comme vous pouvez le constater, la formation pour devenir développeur Web coûte entre 6 000 et 8 000 roubles par mois et dure jusqu'à 11 mois, après quoi, si vous ne vous relâchez pas, vous devenez un spécialiste véritablement demandé. Je comprends que cela peut coûter cher à la plupart d’entre vous, mais c’est le chemin le plus court pour devenir un pro dans ce métier.

En conséquence, vous pouvez obtenir ce résumé décent :


Et ces compétences :

Si vous décidez d'étudier par vous-même, vous pouvez économiser beaucoup et obtenir des résultats relativement bons. Le seul point négatif est que vous devrez collecter des connaissances et des cours sur différentes technologies littéralement pièce par pièce.

Par exemple, en onze mois Geekbrains promet de vous apprendre les technologies suivantes : HTML/CSS, PHP, JS, NodeJS, AngularJS, Yii. En revanche, pour trouver un travail simple ou commencer à créer des sites internet pour vous-même, vous n’avez pas besoin de savoir tout cela. J'ai déjà dit quelle est la base. Il s'agit de HTML, CSS, PHP, Javascript. Mais le fait est que chaque année, les exigences des développeurs Web augmentent et si vous voulez des résultats sérieux, vous devrez d'une manière ou d'une autre étudier les technologies et les tendances modernes.

Cours sur PHP et frameworks

À l'heure actuelle, il existe un merveilleux cours PHP7 et MySQL de zéro à gourou, que j'ai suivi personnellement et que j'ai même écrit une critique séparée à ce sujet. Je pense que ce cours est merveilleux, il fournit une excellente base sur le PHP moderne.

Les livres ont aussi droit à la vie. Il est utile de les lire pour élargir vos connaissances dans n'importe quel domaine. Et vous pouvez lire beaucoup de choses sur PHP. Par exemple, ceci.

Tu n'es pas obligé de tout savoir

Si vous n'avez étudié que le javascript (mais pas le php), vous pourrez travailler en tant que développeur front-end, et si au contraire, vous vous essayerez au back-end. En général, même avec un peu de connaissances, vous pouvez déjà gagner quelque chose en créant un site Web, mais plus vous en savez, plus votre potentiel est grand.