Fréquemment entendu dans mon cours de développement Web front end pour débutants

Je ne me suis senti pas inspiré pendant un certain temps en 2019 et j’ai décidé de m’inscrire à un cours de niveau débutant dans un collège communautaire sur le développement Web afin de « pimenter » les choses, un peu comme revenir en arrière pour avancer. Je n’avais aucun intérêt à être un vieux chien apprenant de nouveaux tours ; ce que je voulais, c’était regarder le développement front-end à travers les yeux d’un débutant en 2019 après avoir été débutant en 2003.

Cinq ans plus tard, j’enseigne désormais ce cours dans le même collège, ainsi que dans trois autres. Ce que j’ai gagné en reprenant mon statut d’étudiant, c’est une obsession du « a-ha ! des moments. C’est le regard dans les yeux d’un élève lorsque quelque chose « clique » et que de nouvelles connaissances sont développées. Alors que les obstacles à l’apprentissage du développement Web semblent de plus en plus élevés, me voilà en train de m’amuser avec les bases. (C’est ce message lié au blog de Rachel qui m’a incité à retourner à l’école.)

Avec plusieurs années d’enseignement à mon actif, j’ai de nombreuses opinions sur le paysage d’apprentissage pour le développement Web. Mais ce qui m’intéresse le plus reste la vie par procuration à travers les yeux de mes étudiants débutants et les étincelles constantes de connaissances qu’ils génèrent.

Les questions sont souvent le précurseur d’un « a-ha ! moment. Et mes étudiants posent chaque trimestre, sans faute, des questions vraiment intéressantes, des questions qui m’ont obligé à reconsidérer non seulement la façon dont j’aborde le programme et l’enseignement, mais aussi la façon dont les autres perçoivent le Web™ dans son ensemble.

J’ai pris l’habitude de recueillir des poignées de questions et de commentaires d’étudiants. De cette façon, je peux réfléchir à la façon dont je pourrais y répondre ou y répondre pour les futurs étudiants et y faire référence lorsque j’écris et mets à jour mes plans de cours. J’ai pensé en partager quelques-uns car, j’espère, cela vous donnera une idée de ce qui intéresse ceux qui se lancent dans ce domaine. Je pense que vous constaterez que beaucoup d’entre nous débattent et dénoncent la valeur des frameworks JavaScript, des Core Web Vitals, de l’IA, et se demandent si Typescript est un mal nécessaire, les personnes qui se lancent dans le développement Web posent les questions les plus intéressantes dans le domaine et établissent des liens très différents que ceux d’entre nous qui ont passé une éternité en amont.

Ceux-ci sont tirés directement des étudiants du trimestre de printemps en cours. Nous n’en sommes qu’à trois semaines du semestre, mais découvrez quels genres de choses tournent déjà dans leur esprit alors que nous discutons de la sémantique, de l’accessibilité et des modes d’écriture.

«Je n’y avais vraiment jamais pensé; cependant, le code pourrait être inclusif et comment le codage pourrait exprimer l’empathie. En lisant cette partie du contexte, je pensais à mon Kindle et à la manière dont le Kindle peut avoir de l’audio, changer mon style de police, une police plus grande/plus petite et un éclairage. Tout cela m’aide à mieux lire et naviguer dans mes livres en fonction de mon environnement et du degré d’accessibilité dont j’aurai besoin. Par exemple, lorsque je conduis, j’adore mes livres audio et la nuit, j’utilise mon réglage de luminosité et je change la taille de la police parce que c’est la fin de la journée et mes yeux ne veulent pas trop travailler pour lire des textes plus petits. C’est vraiment fascinant que le codage puisse faire tout cela.

« Si nous sommes confus au sujet de notre codage et que cela n’a pas de sens pour nous, cela va certainement dérouter les lecteurs, ce qui est à l’opposé de notre objectif final, l’accessibilité. Il y a aussi des moments où nous pourrions vouloir utiliser <div> où nous pourrions utiliser <article> ou <nav> ou l’un des autres éléments importants. Il est essentiel de bien comprendre les éléments et leurs utilisations afin d’écrire le code le plus propre possible.

« Aborder les propriétés logiques CSS cette semaine était comme un acte de jonglage, essayer de garder tous ces nouveaux concepts en l’air. Intervertir gauche et droite pour le début et la fin en ligne est un peu déroutant, mais c’est cool de voir comment cela rend les sites Web plus accueillants pour différentes langues.

« Quelles sont les implications juridiques de la responsabilité des sites Web ? Je ne pouvais pas imaginer l’ampleur d’un recours collectif auquel Facebook serait confronté si un développeur malhonnête décidait d’épingler un gif d’une lumière stroboscopique en haut des fils d’actualité du monde. Les sites Web sont-ils soumis à la même législation qui exige que les bâtiments soient équipés de rampes pour fauteuils roulants ? »

« Parfois, je me demande comment faire fonctionner toutes ces nouveautés sur d’anciens navigateurs qui pourraient ne pas obtenir ce que j’essaie de faire. Je suis également bloqué lorsque ma page est superbe dans une langue mais ne fonctionne pas dans une autre. Quelle est la meilleure façon de vérifier mon travail dans différentes langues ou modes d’écriture ? »

« L’une des choses qui m’a vraiment enthousiasmé a été d’apprendre à créer du contenu dans Flexbox de la même taille en utilisant flex ou flex-basis. C’était vraiment une chose importante pour moi le semestre dernier lorsque je travaillais sur mon projet final. J’ai passé beaucoup de temps à essayer de comprendre comment rendre le contenu dans Webflow de taille égale.

« Entendre les termes « Modes d’écriture » et « Propriétés logiques » en CSS était un peu préoccupant au début de cette semaine. Beaucoup de CSS dont je me souviens commençaient à revenir, mais ces deux-là étaient nouveaux. Après avoir parcouru les modules du cours, mes inquiétudes ont beaucoup disparu, principalement parce que les modes d’écriture étaient la disposition du texte dans un certain élément. Aussi simple que je pensais, c’était également très important compte tenu de l’évolution des modes d’écriture dans les différents pays. Apprendre comment ces modes d’écriture modifient le flux du texte a montré à quel point il était possible d’apporter davantage d’inclusion à un site Web, en permettant de filtrer différentes langues.

« Bien que dans le cours précédent, nous ayons appris comment flexbox et grille peuvent être utilisées pour styliser du contenu intéressant sur des sites, nous n’avons pas étudié comment ils étaient créés avec CSS. C’était étonnamment simple de comprendre les concepts de base de la mise en place d’une flexbox ou d’une grille et de la façon dont leurs enfants peuvent être positionnés sur un axe principal et un axe transversal. J’ai particulièrement aimé configurer des grilles, car les deux méthodes sont intuitives et le concept de sélection des lignes de grille dans lesquelles se trouve un élément me rappelle la façon dont certains langages de programmation implémentent des tableaux et des plages. Python, par exemple, permet à l’utilisateur de sélectionner le dernier élément d’un tableau en utilisant -1 tout comme la colonne-grille : 1/-1; la propriété peut spécifier qu’un élément s’étend jusqu’à la fin d’une ligne.

« Les propriétés logiques étaient intimidantes au début, mais il s’agissait simplement de modifier le code pour lui donner un sens, d’une certaine manière. Après avoir appris CSS — il y a quelque temps — les propriétés logiques semblaient plus modernes et je pense m’y être rapidement adapté.

« Mais dans l’ensemble, je considère que la création de sites Web est une chose très facile à automatiser, surtout de nos jours. C’est peut-être pour cela que les créateurs de sites ne sont pas très précis dans leur sémantique – je trouve généralement seulement <html>, <body>et <head>tandis que le reste est rempli de <div>. Surtout lorsqu’il s’agit d’entreprises qui publient beaucoup d’articles ou de pages sur Internet, je peux comprendre qu’elles ne se soucieraient pas beaucoup d’être globales, car il est plus important qu’elles diffusent le contenu rapidement.

« Je ne pensais pas que j’apprécierais coder, mais jusqu’à présent, j’aime ce cours et j’apprends tellement. J’ai aimé me lancer un peu dans CSS et rendre les choses plus personnalisables. J’ai trouvé intéressant que deux éléments donnent à votre contenu la même apparence mais ont des significations différentes.

Je voudrais terminer avec quelques citations choisies d’étudiants qui ont terminé mon cours au cours du dernier trimestre. Je les partage non pas pour booster mon ego mais pour rappeler que la simplicité est toujours vivanteeh bien, et bien sur le Web. Alors que de nombreux nouveaux développeurs se sentent obligés de gagner leur « full stack » insigne du mérite, la meilleure façon d’apprendre le Web — et de susciter l’enthousiasme des gens — reste le simple « a-ha ! moment qui se produit lorsque quelqu’un combine HTML avec CSS pour la première fois dans un fichier statique.

« Je peux dire avec confiance que parmi tous les cours que j’ai suivis, c’est le premier où j’ai lu attentivement tout le contenu et regardé toutes les vidéos en détail car il est si bien structuré. Malgré la complexité du sujet, vous avez rendu ce cours étonnamment facile à comprendre.

«Mec, j’ai tellement appris dans ce cours ce semestre, et c’est enfin fini. Ce projet final m’a donné plus de confiance et de capacité à résoudre les problèmes et à réaliser ma vision.

« Même si je n’ai pas réussi, j’ai quand même vraiment apprécié votre cours. Cela m’a donné le sentiment d’être intelligent, car auparavant, coder me paraissait une tâche impossible.

« J’apprécie particulièrement l’enthousiasme de Geoff pour plusieurs raisons. J’espère changer de carrière et les cours m’aident à me rapprocher de cette réalité.

Il s’agit de nouvelles personnes qui entrent dans le domaine pour la première fois et qui sont armées d’une solide compréhension des bases et d’un niveau de curiosité et d’enthousiasme qui pourrait facilement franchir le sommet du domaine. Mont Elbert.

N’est-ce pas ce que nous voulons ? À quoi ressemblerait le Web si nous traiter la prochaine vague de développeurs Web comme des citoyens de première classe en abaissant les barrières à l’entrée et dérouler le tapis rouge pour qu’ils puissent se lancer dans une carrière dans le front-end ? Le Web est toujours un espace important et chacun peut y trouver son propre rythme. Certaines choses ont tendance à prospérer lorsqu’on les démocratise, et beaucoup d’entre nous en ont fait l’expérience directe lorsque nous nous sommes assis pour la première fois et avons écrit du HTML pour la toute première fois sans bénéficier de cours organisés, de bootcamps, de chaînes YouTube ou de frameworks sur lesquels nous appuyer. La même magie qui nous a suscités est toujours là pour susciter les autres après tout ce temps, même si nous ne la voyons pas.

(ouais)