/My-learning-tracker

🤓 Journal de mon apprentissage en développement Web, objectifs, ressources, réalisations, erreurs ...........

Mon traqueur d'apprentissage

Un journal complet de mes compétences en développement Web, mon apprentissage, mes ressources, mes centres d'intérêt et tout ce qui concerne mon apprentissage. C'est un moyen de suivre, d'organiser et de partager mes apprentissages.

Tout ce que j'ai fais et d'où je suis partie 👉 sur mon journal d'apprentissage.

Ma feuille de route pour devenir Full Stack Javascript

Objectifs 2020 : Aprrendre Nodejs, Angular et voir les tests.

diagramFullStack

Compétences

Compétence 1
Introduction
2
Utilisation occasionnelle
3
Utilisation régulière
HTML5 done done done
CSS3 done done done
JavaScript done done done
ES6 done done done
Typescript done done done
Angular done done done
Git done done done
GitHub done done done
NPM done done done
Travailler avec des API done done done
Markdown done done done
CSS Grid & Flex-box done done done
Responsive design done done done
NodeJs done done
Vue.js done done
Webpack 4 done done
Mobile first done done
Construction de site Web done done
Déployer un site web done done
Bootstrap done done
Ligne de commande done done
OpenLayers done done
Netlify done done
Firebase done done
Sass done done
Reactjs done
Redux done
React Native done
Agile done
jQuery done
SQL done
MySQL done
PHP done
Axios done
Gatsby done
Parcel done
Svelte.js 3 done
Tailwind CSS done

Apprentissage

Status Année Cours Lien total 6346,58€
In Progress Mai 2021 Formation en ligne Docker Dyma 130
In Progress Février 2021 / janvier 2022 Formation diplômante Graduate Développeur Angular Studi Digital Campus 1700
In Progress Décembre 2020 Formation en ligne questions d'entretien technique JavaScript 164,71
Completed octobre 2020 Formation en ligne Vanilla JS Academy Dyma 284,87
Completed Juin 2020 Formation en ligne Typescript Dyma 350
Completed Juin 2020 Formation en ligne Git 2.25.1 Dyma
In Progress Mai 2020 Formation en ligne Angular Avancée Dyma
Completed Mars / Avril 2020 Formation en ligne Angular V9.0 Dyma
In Progress Février 2020 Formation en ligne NodeJS Dyma
Completed Janvier 2020 Formation en ligne JavaScript Dyma
Completed Novembre 2019 apprendre Vue.js en créant une application réelle d'un forum complet à partir de zéro Vue School 100
Completed Octobre 2019 Devenir opérationnel rapidement en Vue et Vuex CodeConcept
Completed Octobre 2019 Formation en ligne Vuex Dyma
In Progress Septembre 2019 Concevoir avec Tailwind CSS est une série de vidéos gratuites qui vous apprend à créer des interfaces utilisateur entièrement réactives et conçues de manière professionnelle à l'aide de Tailwind CSS. Tailwindcss
Completed Septembre 2019 Formation en ligne Vue.js Dyma
completed Août 2019 Svelte.js 3 par la pratique CodeConcept 84
Completed Août 2019 Découverte de svelte JS Hardcoders 250
completed Juillet 2019 Gatsby PRO (notions avancées) Hardcoders
Completed juillet 2019 Les React Hooks par la pratique CodeConcept
Completed Juin 2019 Créer un blog avec Gatsby (+ Ant design et Netlify CMS) Hardcoders
Completed Juin 2019 Découvir React Native et créer des apps mobiles Hardcoders
Completed Mai 2019 Devenir opérationnel en React volume 1, 2 & 3 CodeConcept
Completed Mai 2019 Apprendre le WebMapping avec OpenLayers Geomatick 39
Completed Avril 2019 Formation en ligne Webpack 4 CodeConcept
Completed Avril 2019 Formation en ligne Redux les bases Dyma
Completed Avril 2019 Formation en ligne React Dyma
Completed Avril 2019 Formation en ligne JavaScript (ES6+), Module débutant javascriptdezero
Completed Avril 2019 Préparation en ligne et certification « Maîtrise de la qualité en projet web » opquast
Completed Mars 2019 Développement moderne Javascript et ES6, ES7 Udemy 12
Completed Février 2019 Vraiment bien comprendre javascript Udemy 12
Completed Février 2019 AdminSys, Introduction à Symfony, React et Wordpress O 'Clock 3200
Completed Janvier 2019 Introduction au framework Lumen O 'Clock
Completed Janvier 2019 AJAX, JSON, API, jQuery, MCD(Modèle Conceptuel de Données), MLD(Modèle Logique de Données) O 'Clock
Completed Décembre 2018 MVC (Modèle-Vue-Contôleur), Composeur, Héritage, POO, SEO, Modélisation de la BDD, Agile O 'Clock
Completed Décembre 2018 Gestion de projet, MySQL, SQL, phpMyAdmin, POO avec PHP, Bootstrap O 'Clock
Completed Novembre 2018 JavaScript ES5 O 'Clock
Completed Novembre 2018 PHP, Templating O 'Clock
Completed Novembre 2018 Intégration, HTML5, CSS3, Git, Github, Slack, Vscode, Chrome,Intégration, Flexbox, Css Grid, ResponsiveWeb Design O 'Clock

Glossaire du jargon

Un petit sous-ensemble des acronymes du jargon que je connais maintenant.

  • AJAX : «Asynchronous JavaScript and XML», récupérer des données dans le navigateur sans provoquer une actualisation de la page
  • API : Application Programming Interface
  • API native : outil intégré disponible par défaut dans un environnement de programmation
  • Console de navigateur : accéder à une boîte à outils de développeur dans la plupart des navigateurs Web
  • Débogueur : outils conçus pour aider les développeurs à trouver pourquoi et où un programme cesse de fonctionner.
  • Web API: une fonctionnalité spécifique disponible dans un navigateur Web
  • ECMAScript : standard à partir duquel JavaScript a été implémenté
  • ES5 : acronyme pour ECMAScript 2009, la cinquième version de JavaScript
  • ES6 : signifie ECMAScript 2015, la sixième version de JavaScript
  • Node.js : un environnement pour exécuter JavaScript en dehors du navigateur.
  • NMP: outil pour gérer le flux de travail des projets JavaScript
  • Requête HTTP : il s'agit de "parler" à un serveur Web distant
  • JSON : JavaScript Object Notation, un format pour l'échange de données entre le service Web et les applications Web
  • API REST : est un service Web (local ou distant) qui peut exposer des données.
  • Transpiler : outil qui prend la syntaxe JavaScript moderne et crache une version plus compatible (ECMAScript 2009)
  • Vanilla JavaScript: terme désignant les applications JavaScript «pures»
  • XMLHttpRequest : objet natif disponible dans les navigateurs pour effectuer des requêtes HTTP vers des ressources distantes.
  • Fetch API : une API native pour faire des requêtes HTTP, un peu comme XMLHttpRequest, mais basée sur ECMAScript 2015 Promises
  • CORS : acronyme de Cross-Origin Resource Sharing est un moyen pour les navigateurs de donner accès à un domaine donné
  • WebSocket : un protocole de communication Internet qui permet de communiquer dans les deux sens sur une seule connexion TCP
  • CRUD : create, read, update, delete, quatre opérations de base pour la persistance des données
  • JWT : JSON Web Tokens, un moyen populaire de permettre la validation sans état pour un client se connectant à un serveur.

Intérêts

Je suis actuellement intéressé par:


Réalisations

  • Vue.js-OpenLayers Une collection d'exemples de code OpenLayers basés sur Vue.js.
  • React-OpenLayers Une collection de composants React avec OpenLayers presentés dans Styleguidist

Ressources


Newsletters

  • Focus Frontend Un récapitulatif hebdomadaire des meilleures nouvelles, articles et tutoriels du front-end. HTML, CSS, WebGL, Canvas, technologie de navigateur, etc.
  • JavaScript Weekly Un récapitulatif gratuit, une fois par semaine, des nouvelles et des articles JavaScript.
  • StatusCode Weekly Un bulletin hebdomadaire couvrant le développement de logiciels, les opérations Web, l'infrastructure, les plates-formes et les performances.
  • React Status Un récapitulatif hebdomadaire des derniers liens et didacticiels React et React Native.
  • Vue Community le guide du débutant de la communauté et de l'écosystème de Vue.js, rédigé et mis à jour par la communauté elle-même.
  • Node Weekly Un tour d'horizon gratuit, une fois par semaine, des nouvelles et des articles de Node.js.
  • Chris Ferdinandi vanilla JavaScript / Obtenez des conseils quotidiens pour les développeurs J'envoie un court e-mail chaque jour de la semaine avec des extraits de code, des outils, des techniques et des informations intéressantes provenant du Web.
  • ng-newsletter La newsletter hebdomadaire gratuite du meilleur contenu Angular sur le Web. Contenu sélectionné à la main par les experts en Angular - livré directement dans votre boîte de réception
  • RWD Weekly Newsletter Un tour d'horizon gratuit, une fois par semaine, d'articles, d'outils, de conseils, de didacticiels et de liens inspirants sur le design réactif.
  • Web Tools Weekly Cette newsletter regorge de liens vers tous les types d'outils liés au front-end.
  • Hacker Newsletter Une newsletter hebdomadaire des meilleurs articles sur les startups, la technologie, la programmation, etc. Tous les liens sont organisés à la main à partir du site populaire Hacker News.

Extension Chrome

  • Daily DÉCOUVREZ LES ACTUALITÉS DE DEV SANS EFFORT

Daily est une extension de navigateur open source qui fournit des nouvelles de développement organisées à votre nouvel onglet.


Les meilleures formations en ligne

+🇫🇷 💰 Dyma Atteignez vos objectifs, apprenez à coder. Apprenez à créer de véritables applications Web, en partant de la base, avec les meilleurs frameworks

+🇫🇷 💰 Code Concept Formations Javascript par la pratique.

+🇫🇷 💰 JavaScript de Zéro Apprenez à maîtriser JavaScript (ES6+) et décrochez votre 1er job rapidement

+🇺🇸 💰 Vanilla JS Academy Un programme de formation JavaScript en ligne basé sur des projets pour les débutants.


Emploi

Tech Interview Handbook Contenu soigneusement sélectionné pour vous aider à réussir votre prochain entretien technique.


Liste de contrôle de développement Web

Voici une liste d'objectifs de base à atteindre sur le chemin de la maîtrise du développement Web.

Cette liste est une copie presque exacte de Ginny Fahs "Things Real Developers Do: My Bucket List"

  • ✔️ Ouvrrir le terminal de l'ordinateur
  • ✔️ Utilisez un éditeur de texte (Vscode)
  • ✔️ Utilisez des raccourcis clavier
  • ✖️ Écrire des tests pour votre code
  • ✔️ Aidez un autre développeur Web à résoudre un problème
  • ✖️ Assistez à un événement sur le développement Web
  • ✔️ Suivre les développeurs que l'on admire sur les médias sociaux
  • ✔️ Lire un livre sur le codage
  • ✔️ Ouvrir la console de votre navigateur
  • ✔️ Obtenir des données d'une API
  • ✔️ Masquer les clés API du public
  • ✔️ Posez une question sur Stack Overflow
  • ✔️ Code Push vers GitHub
  • ✖️ Parlez de quelque chose lié au développement web lors d'un événement
  • ✖️ Remplir un entretien technique
  • ✖️ Participer à un hackathon
  • ✔️ Déployer un projet
  • ✖️ Contribuer à l'open source
  • ✖️ Soyez payé pour coder
  • ✔️ Lorsque les gens vous demandent ce que vous faites, répondez en disant que vous êtes développeur :)
  • ✔️ Travailler en Pair Programming