DEV Community

Cover image for Commencez le développement Web avec une longueur d'avance
TOURE Kiame
TOURE Kiame

Posted on

Commencez le développement Web avec une longueur d'avance

Si vous êtes un ingénieur en herbe dans le domaine de l'informatique ou quelqu'un d'autre avec un nouvel intérêt pour le développement et la conception de sites Web, cet article est pour vous.

Depuis plus d'une décennie, le développement Web est le sujet de prédilection des geeks du monde entier et ce n'est pas nouveau. Mais la croissance quotidienne et les techniques émergentes en ont fait un sujet encore plus merveilleux à apprendre et à expérimenter. Dans cet article, j'écrirai tout ce que vous devez savoir et tout ce dont vous aurez besoin pour poursuivre votre cheminement dans le développement Web de manière pratique, plus productive et plus amusante !

Qui peut développer des sites Web et des applications Web ?

Si vous comprenez les logiques de base de la programmation (boucles, classes, objets, fonctions, etc.), vous pouvez facilement construire une application Web aussi vaste que Google Chrome. Rien d'extraordinaire.

Si vous aimez passer votre temps avec un éditeur de code plutôt que de faire d'autres tâches médiocres, alors oui, vous pouvez être le prochain Zuckerburg.

Le codage lors du développement Web est relativement facile que celui de la conception de logiciels, mais cela nécessite toujours de la logique et un état d'esprit concentré.

Qui ne peut pas développer des sites Web et des applications Web ?

Si la seule motivation derrière tout ce travail est les universitaires et un curriculum vitae décent, vous pourriez être confronté à des problèmes «techniques», car le développement sur des domaines Web nécessite beaucoup de travail intelligent et de dévouement. Si vous ne planifiez pas jusqu'au bout, vous pourriez vous retrouver nulle part avec votre intérêt et vos efforts complètement ruinés.

**

Pourquoi le développement ?

**

Le métier de l'informatique et de l'informatique (CSE) est essentiellement catégorisé en trois sous-domaines ; Ingénierie logicielle, développement de réseaux et de sites Web. Cependant, les deux premiers sont également très intéressants et fructueux en tant que développement Web, les étudiants sont constamment amenés à croire que ceux-ci sont plus importants et significatifs que WebDev.

Je ne saurais trop insister sur ce point, le développement et la conception Web est la troisième roue des technologies informatiques et il ne peut être sous-estimé.

J'ai personnellement vu des gens errer dans le génie logiciel pour des emplois et des carrières indépendamment de leurs intérêts dans le domaine et après avoir échoué, commencer le développement de sites Web.

Le développement Web est l'avenir. Regardez autour de vous et vous serez d'accord.

Mythes du développement Web

  • WebDev se limite à la création de sites Internet.
  • WebDev ne peut pas vous trouver d'emplois « hautement rémunérés ».
  • WebDev est simple. Non mon cher ! Le développement Web ne se limite pas aux sites Web, vous pouvez également créer des navigateurs, des plugins, des jeux, du commerce électronique et des LOGICIELS. Le champ de développement est trop vaste, le décrire prendrait plus d'un article. WebDev peut vous trouver des emplois dans des entreprises réputées comme Facebook, Microsoft, Google, etc. ou vous pouvez toujours travailler en tant que pigiste de premier plan. Bien que le début de votre carrière puisse vous décevoir, votre chèque de paie augmente au fur et à mesure de votre croissance.

Le développement Web, bien qu'amusant, nécessite un travail acharné en particulier pendant la phase PHP/ASP.net. Vous devez travailler dans un ordre précis si vous voulez devenir un bon développeur web.

Feuille de route de base

Étape 1 - HTML5

Bien qu'il semble facile, HTML5 n'est certainement pas l'ancien HTML tel que nous le connaissons. HTML5 est la forme fonctionnelle étendue de HTML4 avec beaucoup plus de fonctionnalités que l'ancienne version. Avec HTML5, vous pouvez non seulement préparer facilement la structure de base de la page Web, mais aussi stocker des variables sur la page elle-même, créer des jeux dessus, ne plus avoir besoin de flash pour exécuter vos vidéos et animations et avec 4 mois de profondeur. étude, peut même créer un blog entièrement fonctionnel, sans même toucher aux langages côté serveur comme PHP.

Temps requis : 4 mois*

Évitez les livres Head-start et HTML5 pour les nuls car ils ne sont pas très pratiques sur le sujet.

Étape 2 - CSS

Qui ajoute des couleurs aux arcs-en-ciel ? CSS le fait sûrement.

Avec l'application de CSS, vous pouvez définir votre site Web de manière colorée et fluide. Comme HTML, CSS est devenu CSS3, avec lequel vous pouvez également ajouter des transitions aux pages, des défilements et même des survols de souris. Vous pouvez même rendre votre site élégant ou flashy en utilisant seulement quelques lignes de CSS3.

Temps requis : 1 mois de pratique avec HTML5*

Étape 3 – HTML5 & CSS

Maintenant que vous avez appris HTML5 et CSS3 jusqu'à présent, la conception de pages ne vous semblera pas très difficile. Vous pouvez soit concevoir vos propres pages ou modèles, soit travailler dans des mises en page réactives qui peuvent adapter l'écran de n'importe quel appareil.

Vous pouvez vous entraîner autant que vous le souhaitez, mais 60 heures* suffisent juste pour vous entraîner à utiliser HTML5 et CSS3 ensemble. Si vous êtes un étudiant brillant, vous pouvez également rechercher bootstrap3 pour une mise en page réactive, avant de passer à l'étape 4.

Étape 4 - HTML5 et JavaScript

Maintenant, après avoir appris à quoi devrait ressembler votre site, vous pouvez réellement rendre ces boutons utiles dans certaines tâches. JavaScript, le meilleur langage de codage de contournement pour les pages Web, est polyvalent, flexible et indépendant de la plate-forme. Je le préfère à tout autre langage de programmation Web (côté client). Avec les javascripts, le vrai développement commence. Vous créez des variables, leur attribuez des valeurs et les transmettez comme arguments dans une fonction pour finalement obtenir des valeurs ou des actions (par exemple, chargement de page, redirection). JavaScript est facile à apprendre mais difficile à maîtriser, je vous recommande donc de passer à l'étape suivante dès que vous apprenez le fonctionnement des fonctions et des variables. JavaScript a de nombreux enfants comme node.js et il faut beaucoup de lecture et de pratique pour être réellement utilisé dans la création d'applications Web complexes. (Voir Macros).

Étape 5 – HTML5 et PHP

Jusqu'à présent, il s'agit de développer un site Web à partir du front-end. À quoi il ressemble et comment devrait-il réagir, mais le vrai travail a lieu derrière les rideaux. PHP est un langage côté serveur, et il gère tout le vrai travail et repose entièrement sur votre connexion Internet (à moins que vous ne travailliez sur un hôte local que je ne recommande pas pour les projets).

La première moitié de cette procédure d'apprentissage travaille sur le front-end
La deuxième moitié nécessite plus de rétro-codage
Temps requis : 4 mois (500 heures au moins)*

Étape 6 – Tout ci-dessus + MySQL

Le plus facile à travailler, le plus difficile à entretenir. Concevoir sur une base de données peut être très pénible si vous n'êtes pas organisé et bien planifié.

La raison pour laquelle je recommande PHP par rapport à tout autre langage de script serveur est que PHP est idéal pour les débutants et si vos concepts de base en C++ à l'ancienne sont clairs, PHP devient beaucoup plus facile que prévu.

MySQL, avec la combinaison de PHP sur le serveur Apache (mieux que IIS) fournit un cadre parfait pour créer des pages Web et si vous voulez vous entraîner sur localhost, essayez le serveur WAMP.

Pratique sur l'hôte local, implémentation sur l'hôte distant.

Livres recommandés : MySQL Head-first par O'reilly

Étape 7 Python, Ruby sur rails, Perl , etc .

Si vous avez suivi les étapes ci-dessus dans l'ordre mentionné, vous connaissez probablement déjà le fonctionnement d'un site Web de réseautage social et le fonctionnement des notifications et des messages personnels (chats).

Vous pouvez créer un e-commerce facilement, sans même passer à l'étape suivante. Mais que faire si vous souhaitez créer des sites Web comme FlipKart, Amazon, Microsoft, Google ou Facebook ?

Ceux-ci sont plus compliqués que HTML5, PHP et MySQL.

Il existe d'autres langages de codage côté serveur et client pour vous aider à faire les merveilles que vous avez toujours souhaitées. Python est l'un des langages de codage les plus pratiques, efficaces et rentables utilisés aujourd'hui et la meilleure chose à propos de l'apprentissage de python est qu'il est très facile .

Bien que Python soit indépendant de PHP, je recommande tout de même d'apprendre PHP d'abord car cela préparera votre état d'esprit et vous apprendrez python plus rapidement.

J'ai travaillé sur PHP pendant six ans et appris python en 12 heures.

Il existe d'autres langages et frameworks de codage sur lesquels vous pouvez travailler comme Ruby on rails. Mais Python devrait être votre première préférence.

Étape 8 - Mélanger

La dernière étape. Mélanger.

Utilisez HTML5 avec python, chargez des codes python dans le navigateur HTML5, implémentez des codes PHP sur python ou écrivez simplement une application python pour travailler du JavaScript.

Pratique-Pratique-Pratique!!!

Il vous faudra un certain temps avant de commencer à créer votre propre grand projet qui pourrait un jour remplacer les grandes marques de technologie Web, mais chaque randonnée commence par un petit pas.

Merci d'avoir lu, si vous avez d'autres conseils, suggestions, arguments ou appréciations, postez un commentaire !

*Toutes ces données sont mes estimations de temps et peuvent varier d'un individu à l'autre.

PS – WebDev et WebDav. WebDav signifie création et gestion de versions distribuées sur le Web, une chose complètement différente.

Attention lecteur ! N'arrêtez pas d'apprendre maintenant. Obtenez tous les concepts importants de DSA avec le cours DSA à un rythme adapté aux étudiants et devenez prêt pour l'industrie. Pour compléter votre préparation de l'apprentissage d'une langue à DS Algo et bien d'autres, veuillez vous référer au cours complet de préparation aux entretiens .

Si vous souhaitez assister à des cours en direct avec des experts, veuillez vous référer aux cours en direct DSA pour les professionnels et à la programmation compétitive en direct pour les étudiants . Si vous êtes prêt, testez vos compétences en utilisant TCS , Wipro , Amazon et Microsoft Test Series.

Top comments (0)