Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

GUIDE DE L’APPRENTI DEVELOPPEUR Sofiyan IFREN Guide de l’apprenti développeur S

GUIDE DE L’APPRENTI DEVELOPPEUR Sofiyan IFREN Guide de l’apprenti développeur Sofiyan IFREN Salut ! Moi, c’est Sofiyan et je vais te guider pas-à-pas dans ton apprentissage, tu es prêt ? Alors c’est parti ! Le temps du changement est venu !! Guide de l’apprenti développeur Sofiyan IFREN TABLE DES MATIERES Introduction ............................................................................................................................................................ 3 Comprendre le web statique .................................................................................................................................. 5 Les languages ...................................................................................................................................................... 6 Les outils.............................................................................................................................................................. 7 Les ressources ..................................................................................................................................................... 8 Comprendre le web dynamique.............................................................................................................................. 9 Les langages ...................................................................................................................................................... 10 Les outils............................................................................................................................................................ 11 Les ressources ................................................................................................................................................... 12 Comprendre l’algorithmie ..................................................................................................................................... 14 Les langages ...................................................................................................................................................... 14 Les outils............................................................................................................................................................ 14 Les ressources ................................................................................................................................................... 15 Comprendre les bases de données ....................................................................................................................... 16 Les langages ...................................................................................................................................................... 17 Les outils............................................................................................................................................................ 17 Les ressources ................................................................................................................................................... 18 Comprendre les architectures « Client lourd » ..................................................................................................... 20 Les langages ...................................................................................................................................................... 21 Les outils............................................................................................................................................................ 22 Les ressources ................................................................................................................................................... 23 Comprendre les architectures « Client léger » ..................................................................................................... 24 Les langages ...................................................................................................................................................... 25 Les outils............................................................................................................................................................ 27 Les ressources ................................................................................................................................................... 27 Comprendre les frameworks................................................................................................................................. 29 Les langages ...................................................................................................................................................... 30 Les outils............................................................................................................................................................ 32 Les ressources ................................................................................................................................................... 32 Comprendre le versionning ................................................................................................................................... 35 Les langages ...................................................................................................................................................... 35 Les outils............................................................................................................................................................ 36 Les ressources ................................................................................................................................................... 37 Conclusion ............................................................................................................................................................. 37 Guide de l’apprenti développeur Sofiyan IFREN INTRODUCTION Apprendre la programmation, ça peut sembler compliqué. Et puis, on se demande aussi par où commencer, quoi faire au final : • Des sites internet ? Des sites vitrines avec Wordpress ou Joomla ? Des sites dynamiques ? • Des applications mobiles ? Si oui, Android ou iOS ? Ou encore cross- platform ? • Des programmes pour coder des robots avec Arduino ? • …. La réalité, c’est qu’il n’y a pas une seule réponse à toutes ces questions, et tu vas devoir passer du temps à apprendre, expérimenter, tester. Tester des langages de programmation, des environnements de développement, faire des petits sites, des petites applis, des bouts de code par-ci par-là… et au final, tu risques de perdre du temps ! Dans cet e-book, ce que je te propose, c’est de gagner du temps ! Guide de l’apprenti développeur Sofiyan IFREN Je ne sais pas toi, mais moi rien ne m’insupporte plus que la perte de temps ! J’aime la productivité et l’efficacité. Et pour ça, j’ai toujours essayé de gagner du temps en écoutant les autres, les personnes les plus expérimentées. Celles qui sont passées par là où je suis passé, et qui maintenant ont du recul et peuvent m’apporter des trucs et astuces qui vont me faire grandir plus vite. Ce que tu ressens, je l’ai ressenti, et tes doutes, tes craintes, tes incompréhensions, je les ai eues aussi. Alors j’ai décidé de te livrer mes conseils, mes trucs et mes astuces que j’ai mis des années à obtenir. J’ai décidé de te faire un plan pour apprivoiser l’informatique encore plus rapidement que je ne l’ai fait. Je ne vais pas te mentir, ça demande du boulot et de la persévérance, mais avec de la volonté, c’est possible ! Si je l’ai fait, si j’ai réussi à être aussi bon qu’un ingénieur en quelque années, sans avoir suivi un parcours traditionnel, toi aussi tu peux le faire ! Allez, suis- moi je vais te montrer mes « tips » les plus efficaces ! Guide de l’apprenti développeur Sofiyan IFREN COMPRENDRE LE WEB STATIQUE Aujourd’hui, Quand on te parle de programmation, tu vas penser automatiquement à deux choses : 1. Les applications web (les sites web, quoi) 2. Les applications mobiles (on y reviendra) Donc forcément, le première chose à faire, c’est de savoir comment un site web est fait, organisé, agencé. Avant même de savoir programmer, il faut savoir conceptualiser et disposer les éléments que tu vas montrer à ton utilisateur : • Les titres et en-têtes de ta page • Les boutons et formulaires • Les images et les textes • …. En gros, tout ce que tu vois tous les jours quand tu vas sur Internet . C’est bien disposé, agréable, « user-friendly » et bien « designé ». On a là un premier job dans le monde de l’informatique, plutôt orienté graphisme et intégration. Guide de l’apprenti développeur Sofiyan IFREN LES LANGUAGES Les langages ici, ce sont : • Le HTML, c’est un langage qui sert à disposer les informations de manière brute sur ta page, sans mise en forme • Bien sûr, tu te doutes bien qu’on ne va pas laisser ça comme ça ! On va donc faire de la mise en forme, en couleur, etc. Et pour ça, on va utiliser le langage CSS.: • Une fois que tu as compris ça, pourquoi ne pas utiliser Bootstrap ? C’est quoi ? Eh bien, c’est une librairie (comprend une boîte à outil toute faite) en CSS qui te permet de faire plus facilement des tâches complexes en CSS. Et moi, Bootstrap, j’aime ça ! D’ailleurs, c’est Twitter qui a développé l’outil, et si tu y vas souvent, tu vas y retrouver un style visuel commun ! Ce que tu vois sur l’image au-dessus, c’est du HTML ! Guide de l’apprenti développeur Sofiyan IFREN LES OUTILS Pour apprendre à faire des pages web simples, un simple éditeur de texte te suffit. En plus, vu que tu commences à ce stade, plus c’est simple plus c’est facile, et… moins ça te donnera de migraines ! Je t’en ai choisi deux : • Notepad++ : simple, efficace, avec de la coloration syntaxique, c’est-à- dire de la mise en couleur de ton texte, très pratique pour y voir plus clair (souviens-toi, les migraines… !) • SublimeText3 : celui-là, c’est mon préféré. Léger, tu peux l’avoir même sur une clef USB que tu emportera partout avec toi. La version gratuite est amplement suffisante et offre un visuel beaucoup plus sympa et productif que Notepad++ Après, bien sûr, ça reste une question de goût, et les deux font très bien l’affaire. Le mieux, c’est de les tester les deux et de faire ton propre choix ! Guide de l’apprenti développeur Sofiyan IFREN LES RESSOURCES OK, c’est bien beau tout ça, mais on fait comment pour apprendre tout ça maintenant ? Eh bien, voici quelques sites qui m’ont été très utiles et qui te seront aussi très profitables, j’en suis sûr : • Le premier site que j’ai consulté pour apprendre à coder : Openclassrooms ! Il ya deux formations qui vont t’y intéresser : o https://openclassrooms.com/fr/courses/1603881-apprenez-a- creer-votre-site-web-avec-html5-et-css3 o https://openclassrooms.com/fr/courses/6391096-creez-des-sites- web-reactifs-avec-bootstrap-4?archived-source=1885491 • w3schools.com, le site de référence que je consulte de manière régulière pour les syntaxes et les exemple « live » qui y sont proposés (en anglais) : o https://www.w3schools.com/html/default.asp o https://www.w3schools.com/css/default.asp o https://www.w3schools.com/bootstrap/default.asp Attention ! Pour ce dernier lien, je t’ai mis celui de Bootstrap3, encore largement utilisé, mais on est passé depuis à la version 4, dont voici le lien : https://www.w3schools.com/bootstrap4/ Je te mets les deux liens parce que les deux étant très utilisés, ils sont tous les deux à connaître, mais tu peux te focaliser sur la version 4 si tu devais choisir ! • Je ne peux pas ne pas citer les cours, très pédagogiques et tout aussi succincts, de Pierre Giraud. Tu peux les retrouver sur sa chaîne YouTube, ou directement sur son site. Voici deux liens intéressants : o https://www.pierre-giraud.com/html-css-apprendre-coder-cours/ o https://www.pierre-giraud.com/bootstrap-apprendre-cours/ • Pour des tutoriels plus spécifiques sur la création web, tu as enfin le site Alsacréations, avec des tutoriels spécifiques et plus complets : o https://www.alsacreations.com/tuto/liste/2-css.html Guide de l’apprenti développeur Sofiyan IFREN COMPRENDRE LE WEB DYNAMIQUE Bravo ! Tu as passé la première étape ! Maintenant, tu comprends comment on organise une page web, et crois-moi dans le monde de la programmation, on en voit passer des pages web ! L’étape d’après, c’est de comprendre comment un même site est accessible depuis partout dans le monde. Et ça, ce n’est pas une mince affaire. Je dirais que comprendre cette seconde partie va te faire passer un cap certain en programmation et même en informatique. Tu vas devoir comprendre comment les serveurs et les clients fonctionnent ensemble. Et pour ça, je te conseille de comprendre Internet dans sa globalité, de manière synthétique bien sûr. Je te mets des ressources pour ça juste après, ne t’inquiète pas ! Guide de l’apprenti développeur Sofiyan IFREN LES LANGAGES Ici, tu vas devoir regarder les langages les plus simples pour comprendre ce qu’est le développement web. Il y en a deux principaux : 1. Le python (version 3), qui est un langage simple, avec pas mal de librairies qui vont t’aider à faire plein de trucs amusants. D’ailleurs, j’ai fait un tuto pour débutants basé sur ce langage sur ma chaîne YouTube ; je t’invite à aller y jeter un œil : https://www.youtube.com/watch?v=W6y6zBegzGg&list=PL6Y71qwtprE8 kDiXGm58hBIzemFR5skEt 2. Le Javascript, c’est le langage du web par excellence, tu ne pourras pas y couper. Plus complexe que le Python, il reste toutefois simple d’utilisation côté navigateur, c’est-à-dire côté « Front-End » Ces deux langages sont dits « de script », ils sont rapides à lancer et à coder. Le Javascript, lui, va te permettre de manipuler la uploads/Ingenierie_Lourd/ guide-pour-l-x27-apprenti-developpeur.pdf