Si vous êtes quelqu'un qui ne peut pas se permettre de dépenser beaucoup d'argent mais qui est néanmoins prêt à consacrer du temps et un certain investissement pour apprendre le développement Web, vous devrez adopter une approche moins conventionnelle.

Tout d'abord, vous devrez être curieux, intéressé et apprendre tout au long de la vie.

Bien qu'elle ne soit ni définitive ni exhaustive, ce qui suit est une liste de ressources pour vous aider tout au long de votre parcours de développement Web, du niveau débutant absolu au niveau de réussite multi-projets.

Familiarisez-vous avec les éléments HTML et CSS essentiels

Les pages Web sont en grande partie composées de codes HTML et CSS. Ces deux sont la base. Bien sûr, il existe d'autres langages pour rendre les choses plus interactives, stylisées, animées, adaptatives et/ou réactives, comme jQuery, Python, Ruby on Rails et JavaScript. Mais pour commencer, concentrez-vous sur HTML et CSS. Ce sont les éléments dont vous avez besoin pour prendre une longueur d'avance dans la création d'une page Web à partir de zéro.

Donnez à la fois un aperçu à l'aide de sites de didacticiels. La plupart sont gratuits, certains sont payants mais toujours moins chers qu'un diplôme d'un an, surtout si vous ajoutez la cafétéria, les week-ends de bière et les frais d'hébergement.

SitePoint

SitePoint a un guide du débutant absolu pour HTML et CSS, c'est donc un bon endroit pour commencer à vous familiariser avec les concepts de base. Vous apprendrez non seulement le code, mais également les outils pour créer un site Web – des éditeurs de texte aux navigateurs en passant par les éditeurs graphiques.

Canal 9

Il s'agit d'une page de leçons de 21 épisodes qui enseigne les principes fondamentaux des pages Web et du codage. Destiné aux débutants absolus, préparez-vous à passer de 6 à 48 minutes par épisode. Si vous souhaitez passer aux épisodes sur lesquels vous pensez devoir vous concentrer davantage, les leçons sont entièrement gratuites et peuvent être regardées dans n'importe quel ordre, à tout moment.

ressource w3

w3resource est une ressource complète approuvée par la communauté des développeurs pour tout ce qui concerne le développement Web. Il offre une large base de leçons de développement Web, pas seulement HTML et CSS. Ses supports d'apprentissage sont regroupés par fonction. La première catégorie contient l'ensemble des langages nécessaires au développement frontal, et c'est là que vous trouverez HTML et CSS. Les autres catégories incluent des tutoriels de langage pour le développement back-end, la gestion de base de données, l'échange de données et les API.

Chien HTML

Créé en 2003, HTML Dog est un site avec des tutoriels HTML, CSS et JavaScript. Leur objectif est de publier du matériel d'apprentissage facile à digérer pour encourager les débutants et ceux qui sont intimidés par le codage. Les leçons sont subdivisées en différents chapitres et niveaux, de débutant à avancé, et structurées par un contenu qui montre ce que vous apprendrez par leçon.

Shay Howe

Ce site de didacticiel vous guide gratuitement à travers 12 leçons sur le HTML et le CSS de base. Plutôt que de payer pour un cours pour débutant dès le départ, vous pouvez d'abord les essayer. Lorsque vous avez terminé, déterminez si vous avez encore besoin de ceux qui sont payants. Si vous le faites encore, à tout le moins, une introduction à partir d'un site de didacticiel gratuit vous facilitera vos cours payants beaucoup plus rapidement qu'avec absolument aucune connaissance.

Une fois que vous avez terminé avec le didacticiel "Créer votre première page Web", vous pouvez passer au didacticiel avancé pour un développement plus approfondi de la conception frontale.

Réseau de développeurs Mozilla

Ce site contient une liste complète de liens vers une variété de didacticiels et de supports de formation organisés par des entreprises et des développeurs. Il y a beaucoup de leçons à choisir, pas seulement HTML et CSS. Puisqu'ils sont choisis par les développeurs, vous pouvez être assuré que le contenu auquel les liens mènent est crédible, avec des leçons adaptées à différents niveaux, de débutant à avancé.

Mémrise

Dans l'apprentissage, la répétition est la clé, et Memrise aide à rendre la mémorisation de style répétition amusante grâce au jeu. Cela peut être fait pendant un trajet, en faisant la queue pour commander des plats à emporter – n'importe où avec un accès à Internet, vraiment.

Voici des liens vers des leçons utiles sur les codes HTML, HTML5, CSS et CSS3 importants :

Si vous vous sentez particulièrement assidu, vous pouvez créer des leçons adaptées à vos propres besoins et ajouter vos propres mems. Bien que préférable et très utile, vous n'êtes pas censé vous souvenir de tous les codes tout le temps. Si vous souhaitez devenir pro, cependant, connaître vos codes par cœur peut vous faire gagner du temps lors de la construction de sites avec des délais très stricts.

W3C

W3C, abréviation de World Wide Web Consortium, consiste en une communauté internationale d'autorités faisant équipe avec des entreprises, d'autres communautés membres, du personnel interne et le public pour organiser, maintenir et développer des normes Web. Consulter le site pour les dernières nouvelles et mises à jour concernant les normes Web peut vous aider à perfectionner et à adapter vos compétences en conséquence.

W3Schools

Largement considéré par les développeurs professionnels comme un site Web pour les "noobs", W3Schools offre une expérience et un environnement d'apprentissage décents pour ceux qui commencent tout juste à apprendre à coder. Ils ont une liste structurée de leçons que tout débutant peut suivre confortablement, avec des exemples et un simulateur pour s'entraîner. W3Schools fournit également des certifications, mais vous devrez les payer.

plateformeweb.org

WebPlatform.org est une collaboration du W3C avec Apple, Adobe, Facebook, Google, HP, Microsoft, Intel, Mozilla, Opera et Nokia. La fonction principale de WebPlatform.org est de servir d'hébergeur à toute la documentation sur le développement Web. Tout le monde est invité à se joindre et à participer aux conversations. La contribution et la collaboration sont fortement encouragées, ce qui est possible grâce à une plateforme MediaWiki.

InstantShift

Si vous êtes un visiteur régulier, nous savons que vous le savez déjà. Mais par souci de cohérence, InstantShift, comme le montre son extrait À propos, est une communauté de développeurs et de concepteurs Web. Un blog multi-auteurs, il propose un large éventail de ressources, d'articles et de tutoriels, même des thèmes gratuits, auxquels les concepteurs et les développeurs d'expérience et de niveaux d'expertise variés peuvent se référer pour démarrer leurs connaissances ou s'en inspirer. Les catégories d'articles incluent la conception Web, WordPress, CSS, des didacticiels, des outils, des cadeaux, des photographies et des icônes, entre autres.

Participer à des cours/cours en ligne

Harvard CS50

Une classe edX enseignée par David J. Malan, professeur à l'Université de Harvard, suivre ce cours d'introduction à l'informatique est un investissement qui vaut son pesant d'or, c'est étonnant qu'ils ne le facturent pas. C'est principalement pourquoi de nombreux apprenants tout au long de la vie dans le monde sont reconnaissants des possibilités que les MOOC (cours en ligne ouverts et massifs) offrent à ceux qui n'ont pas les moyens d'entrer dans des universités prestigieuses comme Harvard. Les langages que vous apprendrez comprendront C, PHP, JavaScript, SQL et, bien sûr, CSS et HTML. Si vous souhaitez utiliser cette classe pour obtenir des crédits, vous devrez payer pour la certification.

Tuts+

Tuts + contient une multitude de didacticiels et de cours parmi lesquels choisir, allant du codage à l'illustration, en passant par la conception et le développement d'applications mobiles. Tuts + propose des cours et des tutoriels gratuits, mais l'accès premium nécessite un paiement d'au moins 15 $ par mois à 360 $ par an. Ils offrent un essai gratuit de 14 jours.

Cabane dans les arbres

Treehouse est un service payant destiné à enseigner le développement Web, la conception et le développement d'applications mobiles. L'accès de base est au prix de 24 $ par mois et le pro coûte 49 $. Le site est également équipé de forums, d'espaces de travail, d'un espace concours et défis, d'un espace leçons et conférences bonus, d'ateliers en direct, d'une bibliothèque et d'une communauté que vous pouvez contacter et interagir.

Pratique

La pratique rend meilleur, sinon parfait. En pratiquant, vous laissez votre cerveau faire une action active et créative qui stimulera un meilleur apprentissage et une meilleure rétention, par opposition à la simple lecture et visualisation de didacticiels. Complétez vos études en pratiquant avec des MOOC comme :

Codecademy

L'inscription est gratuite avec Codecademy et les leçons sont simplifiées pour les débutants. Vous pouvez voir comment vos codes HTML et CSS se traduisent en une page Web lorsqu'ils sont affichés en direct à côté de votre éditeur de texte, en changeant au fur et à mesure. Il existe également un forum où vous pouvez partager vos questions et réponses avec la communauté.

Vengeurs du code

Avec Code Avengers, l'inscription est également gratuite. Il vous permet de créer un site Web via HTML et CSS, avec des instructions sous forme de texte et de vidéo. Après avoir cliqué sur le bouton de vérification dans la partie supérieure de l'éditeur de texte, vous pouvez voir à quoi ressemble votre code à travers une fenêtre en forme de téléphone portable à droite. Si vous créez un compte, vous avez la possibilité de sauvegarder votre progression et d'être noté par rapport aux autres participants via un classement.

Être inspiré

Pour donner libre cours à votre créativité et trouver des modèles à imiter, parcourez le Web pour trouver des exemples concrets. Voir le type de bon matériel qui existe déjà et ce que tout le monde en dit du point de vue du développeur, du public, de l'interface utilisateur, de la conception et de la programmation

Par exemple, vous pouvez consulter des développeurs, des agences et des sites Web mondialement reconnus via Awwwards, un site dédié à la reconnaissance et à la promotion des meilleurs en matière de conception et de développement Web dans le monde.

Créer un portefeuille

Pour vous rendre plus visible auprès des clients, un portefeuille est indispensable. Il existe de nombreux sites d'hébergement de portefeuilles, mais voici deux exemples :

PortfolioBox

Avec l'hébergement de domaine, l'intégration des médias sociaux, l'optimisation des moteurs de recherche, le tableau de bord de statistiques intégré et la fonctionnalité d'envoi de newsletter, PortfolioBox vaut la peine d'être examiné. Il prend également en charge les smartphones et les tablettes, de sorte que votre site Web est tout aussi beau lorsqu'il est visualisé depuis n'importe quel appareil. PortfolioBox propose un compte gratuit, qui peut héberger jusqu'à 40 images et, lors de votre inscription, vous permettra d'utiliser les fonctionnalités Pro pendant 30 jours. Pro coûte 6,90 $ par mois et est payé annuellement.

Dribbler

Un site de développeurs qui sert de plate-forme de démonstration pour d'autres développeurs, Dribbble vous permet de partager des captures d'écran de vos processus, travaux et projets. Il dispose d'une fonction de type réseau social qui vous montre le nombre de vues, de likes et de commentaires que vous obtenez.

Être payé pour travailler

Il est productif de continuer à s'entraîner et à pratiquer, mais rien ne vaut le type de formation qui rapporte, ce qui est essentiellement ce que fait un travail rémunéré pour vos compétences. Vous appliquez et perfectionnez votre métier, et à la fin de la journée, quelqu'un profite de sa valeur et paie pour cela. Les sites indépendants comme ProgrammerMeetDesigner, GetACoder et AuthenticJobs ne sont que quelques-uns des endroits qui embauchent des codeurs et des concepteurs. Cet article quelque peu obsolète de Hongkiat.com répertorie 50 sites d'emplois indépendants pour les concepteurs et les programmeurs, dont la plupart sont toujours en activité.

Faire partie d'une communauté

Faire partie d'une communauté est formidable pour vous encourager et trouver des réponses à certains problèmes particulièrement difficiles que vous rencontrerez tout au long de votre parcours de développement Web. Voici une liste de forums auxquels participer pour acquérir des connaissances plus récentes, des amis, des mentors et même des recommandations d'emploi.

Gérez vos projets

Dès que vous décrochez des clients, la gestion de projet devient une compétence essentielle. Simple et facile à utiliser, TeuxDeux peut organiser votre liste de tâches quotidiennes. Le développement Web n'est généralement pas un projet d'une journée. Pour certains projets, vous devrez planifier des tâches dans un laps de temps et approximativement combien de temps chacune doit être achevée. Pour des projets futurs plus complets que de simples listes de tâches ou un logiciel de collaboration ne peuvent pas aborder, il existe des outils de gestion de projet et de collaboration intuitifs et adaptatifs à part entière, comme Comindware Project, qui valent la peine d'être pris en compte.

Un référentiel en ligne pour votre travail est un autre outil pratique, vous aurez donc une sauvegarde en cas de problèmes avec votre unité locale. GitHub peut héberger votre code, et si vous décidez de rendre le code accessible au public, vous pouvez demander les commentaires, suggestions ou modifications d'autres développeurs pour améliorer encore votre travail.

Y a-t-il d'autres ressources que nous n'avons pas mentionnées ?

Source d'enregistrement: instantshift.com