https://github.com/Syknapse/My-Learning-Tracker
Keeping track of my web development skills and learning in one place along with resources, highlights, interests, and everything to do with my learning.
https://github.com/Syknapse/My-Learning-Tracker
Last synced: 8 months ago
JSON representation
Keeping track of my web development skills and learning in one place along with resources, highlights, interests, and everything to do with my learning.
- Host: GitHub
- URL: https://github.com/Syknapse/My-Learning-Tracker
- Owner: Syknapse
- License: mit
- Created: 2017-11-01T10:36:35.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2025-01-30T16:55:04.000Z (12 months ago)
- Last Synced: 2025-03-13T16:16:50.010Z (10 months ago)
- Language: HTML
- Size: 154 KB
- Stars: 376
- Watchers: 21
- Forks: 100
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# My Learning Tracker [](https://twitter.com/intent/tweet?text=Web%20Dev%20learning%20tracker%20&url=https://github.com/Syknapse/My-Learning-Tracker&via=syknapse&hashtags=100DaysofCode)
A complete log of my web development skills, learning, resources, highlights, interests, and everything to do with my learning. It's a way to keep track, organise, and share my learning.
[Portfolio](https://www.sykhoudeib.com/ "sykhoudeib.com") || [Blog](https://www.blog.sykhoudeib.com/ "My web dev articles")
----
## Skills
[done]: https://user-images.githubusercontent.com/29199184/32275438-8385f5c0-bf0b-11e7-9406-42265f71e2bd.png "Done"
| Skill | 1
Introduction | 2
Occasional Use | 3
Regular use |
|:-------------------------------- |:-----------------:|:----------------------:|:----------------:|
|**JavaScript** | ![done][done] | ![done][done] | ![done][done] |
|**React** | ![done][done] | ![done][done] | ![done][done] |
|**TypeScript** | ![done][done] | ![done][done] | ![done][done] |
|**Next.js** | ![done][done] | ![done][done] | ![done][done] |
|**Git** | ![done][done] | ![done][done] | ![done][done] |
|**Jest** | ![done][done] | ![done][done] | |
|**React Testing Library** | ![done][done] | ![done][done] | |
|**Redux** | ![done][done] | ![done][done] | ![done][done] |
|**HTML** | ![done][done] | ![done][done] | ![done][done] |
|**CSS** | ![done][done] | ![done][done] | ![done][done] |
|**Yarn** | ![done][done] | ![done][done] | ![done][done] |
|**NPM** | ![done][done] | ![done][done] | ![done][done] |
|**Auth0** | ![done][done] | ![done][done] | ![done][done] |
|**KrakenD** | ![done][done] | ![done][done] | ![done][done] |
|**Material UI** | ![done][done] | ![done][done] | ![done][done] |
|**GoogleMaps API** | ![done][done] | ![done][done] | ![done][done] |
|**StoryBook** | ![done][done] | ![done][done] | ![done][done] |
|**MJML** | ![done][done] | ![done][done] | ![done][done] |
|**Markdown** | ![done][done] | ![done][done] | ![done][done] |
|**Node.js** | ![done][done] | ![done][done] | |
|**GitHub** | ![done][done] | ![done][done] | ![done][done] |
|**Lokalise** | ![done][done] | ![done][done] | ![done][done] |
|**ES6** | ![done][done] | ![done][done] | ![done][done] |
|**Command line** | ![done][done] | ![done][done] | ![done][done] |
|**React hooks** | ![done][done] | ![done][done] | ![done][done] |
|**React Context** | ![done][done] | ![done][done] | |
|**Prettier** | ![done][done] | ![done][done] | ![done][done] |
|**EsLint** | ![done][done] | ![done][done] | ![done][done] |
|**DayJS** | ![done][done] | ![done][done] | ![done][done] |
|**React Hook Form** | ![done][done] | ![done][done] | ![done][done] |
|**React Query** | ![done][done] | ![done][done] | |
|**Gulp/Webpack** | ![done][done] | ![done][done] | ![done][done] |
|**Responsive design** | ![done][done] | ![done][done] | ![done][done] |
|**Agile** | ![done][done] | ![done][done] | ![done][done] |
|**Jira** | ![done][done] | ![done][done] | ![done][done] |
|**Bitbucket** | ![done][done] | ![done][done] | ![done][done] |
|**Mobile first** | ![done][done] | ![done][done] | ![done][done] |
|**Progressive Enhancement** | ![done][done] | ![done][done] | ![done][done] |
|**CSS Grid & Flex-box** | ![done][done] | ![done][done] | ![done][done] |
|**PostCSS** | ![done][done] | ![done][done] | ![done][done] |
|**Accessibility** | ![done][done] | ![done][done] | |
|**Working with APIs** | ![done][done] | ![done][done] | ![done][done] |
|**Husky** | ![done][done] | ![done][done] | |
|**Website Building** | ![done][done] | ![done][done] | ![done][done] |
|**Publishing website** | ![done][done] | ![done][done] | |
|**Netlify** | ![done][done] | ![done][done] | |
|**Backbone** | ![done][done] | ![done][done] | |
|**jQuery** | ![done][done] | ![done][done] | |
|**Bootstrap** | ![done][done] | ![done][done] | |
|**Stylus** | ![done][done] | ![done][done] | |
|**Open Source Contribution** | ![done][done] | | |
|**Angular 4** | ![done][done] | | |
----
## Learning
[//]: # (Status images)
[Completed]: https://user-images.githubusercontent.com/29199184/32275438-8385f5c0-bf0b-11e7-9406-42265f71e2bd.png "Completed"
[In Progress]: https://user-images.githubusercontent.com/29199184/34462881-7305ddac-ee4d-11e7-9b57-589424820da4.png "In Progress"
[Soon]: https://user-images.githubusercontent.com/29199184/34462916-d5c37bd4-ee4d-11e7-9f4a-d57f2243281b.png "Soon"
| Status | Year | Course | Tutor |
|:---------------------------:|:-----------|:----------------------------------------------------------------|:-------------------------------------------:|
| ![In Progress][In Progress] | Jan 2025 | [Web Security] | [Steve Kinney] |
| ![Completed][Completed] | Jan 2025 | [React Performance] | [Steve Kinney] |
| ![Completed][Completed] | Jan 2025 | [Web App Accessibility] | [Marcy Sutton Todd] |
| ![Completed][Completed] | Jan 2025 | [Developer Soft Skills and Testing] | [Francesca Sadikin] |
| ![Completed][Completed] | Jan 2025 | [Testing Fundamentals] | [Steve Kinney] |
| ![Completed][Completed] | Jan 2025 | [Introduction to Next.js, v3] | [Scott Moss] |
| ![Completed][Completed] | Oct 2023 | [Harvard CS50] | Harvard University |
| ![Completed][Completed] | Dec 2022 | [React and TypeScript] | [Steve Kinney] |
| ![Completed][Completed] | Nov 2022 | [TypeScript Fundamentals v3] | [Mike North] |
| ![Completed][Completed] | Nov 2022 | [JavaScript: The New Hard Parts] | [Will Sentence] |
| ![Completed][Completed] | Sept 2022 | [The Hard Parts of Servers and Node.js] | [Will Sentence] |
| ![Completed][Completed] | Sept 2022 | [Understanding TypeScript] | [Maximilian Schwarzmüller] |
| ![Completed][Completed] | Mar 2022 | [JavaScript: The Hard Parts] | [Will Sentence] |
| ![Completed][Completed] | Jan 2022 | [Dotfiles from start to finish-ish] | [Patrick McDonald] |
| ![Completed][Completed] | Dec 2019 | [Getting Started With Redux] | [Dan Abramov] - [egghead.io] |
| ![Completed][Completed] | Dec 2019 | [The Next.js Handbook] | [Flavio Copes] |
| ![Completed][Completed] | Oct 2019 | [You Don't Know JavaScript]: Types & Grammar | [Kyle Simpson] |
| ![Completed][Completed] | Sept 2019 | [You Don't Know JavaScript]: Objects & Classes | [Kyle Simpson] |
| ![Completed][Completed] | Jul 2019 | [You Don't Know JavaScript]: Scope & Closure | [Kyle Simpson] |
| ![Completed][Completed] | May 2019 | [Eloquent JavaScript] | [Marijn Haverbeke] |
| ![Completed][Completed] | Feb 2019 | [The Complete JavaScript Handbook] | [Flavio Copes] |
| ![Completed][Completed] | Jan 2019 | [JavaScript clean code guide] | [Ryan McDermott] |
| ![Completed][Completed] | Aug 2018 | [Front-End Web Developer Nanodegree] | [Udacity] - Google Scholarship |
| ![Completed][Completed] | Feb 2018 | [The Beginner's Guide to Reactjs] | [Kent C Dodds] - [egghead.io] |
| ![Completed][Completed] | Jan 2018 | [Google Developer Challenge Scholarship] - Web Developer | [Udacity] |
| ![Completed][Completed] | 2017 | [Workflow Tools for Web Developers] | [Christina Truong] - [Lynda.com] |
| ![Completed][Completed] | 2017 | [Learning Git and GitHub] | [Ray Villalobos] - [Lynda.com] |
| ![Completed][Completed] | 2017 | [CSS Essential Training 3] | [Christina Truong] - [Lynda.com] |
| ![Completed][Completed] | 2017 | [CSS Essential Training 2] | [Christina Truong] - [Lynda.com] |
| ![Completed][Completed] | 2017 | [Getting Your Website Online] | [Christina Truong] - [Lynda.com] |
| ![Completed][Completed] | 2017 | [Learn Enough Command Line to Be Dangerous] | [Michael Hartl] |
| ![Completed][Completed] | 2017 | [Basic Front End Development Projects] | [Free Code Camp] |
| ![Completed][Completed] | 2017 | [The Web Developer Bootcamp - Frond End] | Colt Steele - [Udemy] |
| ![In Progress][In Progress] | | [JavaScript and React for Developers] | [Cassidy Williams] - [Udemy] |
| ![In Progress][In Progress] | | [Front End Development] | [Free Code Camp] |
| ![In Progress][In Progress] | | [JavaScript30] | [Wes Bos] |
| ![Soon][Soon] | | Read JavaScript: The Good Parts | Douglas Crockford |
[//]: # (Reference links to courses)
[Web Security]: https://frontendmasters.com/courses/web-security-v2/
[React Performance]: https://frontendmasters.com/courses/react-performance/
[Web App Accessibility]: https://frontendmasters.com/courses/react-accessibility/
[Developer Soft Skills and Testing]: https://frontendmasters.com/courses/dev-soft-skills/
[Testing Fundamentals]: https://frontendmasters.com/courses/testing/
[Introduction to Next.js, v3]: https://frontendmasters.com/courses/next-js-v3/
[Harvard CS50]: https://youtu.be/8mAITcNt710?si=6BavtRpgNdc2HnZS
[React and TypeScript]: https://frontendmasters.com/courses/react-typescript/
[TypeScript Fundamentals v3]: https://frontendmasters.com/courses/typescript-v3/
[JavaScript: The New Hard Parts]: https://frontendmasters.com/courses/javascript-new-hard-parts/
[The Hard Parts of Servers and Node.js]: https://frontendmasters.com/courses/servers-node-js
[Understanding TypeScript]: https://www.udemy.com/course/understanding-typescript/
[JavaScript: The Hard Parts]: https://frontendmasters.com/courses/javascript-hard-parts-v2/
[Dotfiles from start to finish-ish]: https://www.udemy.com/course/dotfiles-from-start-to-finish-ish/
[Getting Started With Redux]: https://egghead.io/courses/getting-started-with-redux
[The Next.js Handbook]: https://www.freecodecamp.org/news/the-next-js-handbook/
[The Complete JavaScript Handbook]: https://medium.freecodecamp.org/the-complete-javascript-handbook-f26b2c71719c
[JavaScript clean code guide]: https://github.com/ryanmcdermott/clean-code-javascript
[Front-End Web Developer Nanodegree]: https://eu.udacity.com/course/front-end-web-developer-nanodegree--nd001
[JavaScript and React for Developers]: https://www.udemy.com/js-and-react-for-devs/
[You Don't know JavaScript]: https://github.com/getify/You-Dont-Know-JS
[Workflow Tools for Web Developers]: https://www.lynda.com/Web-Design-tutorials/Workflow-Tools-Web-Development/533305-2.html
[Learning Git and GitHub]: https://www.lynda.com/Git-tutorials/Up-Running-Git-GitHub/409275-2.html
[CSS Essential Training 3]: https://www.lynda.com/CSS-tutorials/CSS-Essential-Training-3/609030-2.html
[CSS Essential Training 2]: https://www.lynda.com/CSS-tutorials/CSS-Essential-Training-2/569189-2.html
[Getting Your Website Online]: https://www.lynda.com/Web-Development-tutorials/Getting-Your-Website-Online/609031-2.html
[Learn Enough Command Line to Be Dangerous]: https://www.learnenough.com/command-line-tutorial
[Basic Front End Development Projects]: https://www.freecodecamp.org/syknapse
[The Web Developer Bootcamp - Frond End]: https://www.udemy.com/the-web-developer-bootcamp
[The Web Developer Bootcamp - Back End]: https://www.udemy.com/the-web-developer-bootcamp
[Front End Development]: https://www.freecodecamp.org/syknapse
[Google Developer Challenge Scholarship]: https://www.udacity.com/google-scholarships
[JavaScript30]: https://javascript30.com/
[JavaScript & jQuery]: http://javascriptbook.com/
[Eloquent JavaScript]: http://eloquentjavascript.net/
[Learn CSS Grid]: https://scrimba.com/g/gR8PTE
[The Beginner's Guide to Reactjs]: https://egghead.io/courses/the-beginner-s-guide-to-reactjs
[//]: # (Reference links to tutors)
[Marcy Sutton Todd]: https://frontendmasters.com/teachers/marcy-sutton/
[Francesca Sadikin]: https://frontendmasters.com/teachers/francesca-sadikin/
[Scott Moss]: https://frontendmasters.com/teachers/scott-moss/
[Steve Kinney]: https://twitter.com/stevekinney
[Mike North]: https://twitter.com/michaellnorth
[Maximilian Schwarzmüller]: https://twitter.com/maxedapps
[Will Sentence]: https://twitter.com/willsentance
[Patrick McDonald]: https://www.udemy.com/user/patrick-mcdonald-8/
[Dan Abramov]: https://twitter.com/dan_abramov
[Kyle Simpson]: https://twitter.com/getify
[Flavio Copes]: https://twitter.com/flaviocopes
[Ryan McDermott]: https://github.com/ryanmcdermott
[Cassidy Williams]: https://twitter.com/cassidoo
[Christina Truong]: https://twitter.com/christinatruong
[Lynda.com]: https://www.lynda.com
[Ray Villalobos]: https://twitter.com/planetoftheweb
[Michael Hartl]: https://twitter.com/mhartl
[Free Code Camp]: https://www.freecodecamp.org
[Udemy]: https://www.udemy.com
[Udacity]: https://www.udacity.com
[Wes Bos]: https://twitter.com/wesbos
[Marijn Haverbeke]: https://twitter.com/MarijnJH
[Per Harald Borgen]: https://twitter.com/perborgen
[Scrimba]: https://scrimba.com/
[Kent C Dodds]: https://egghead.io/instructors/kentcdodds
[egghead.io]: https://egghead.io/
### Paths
| Paths with multiple resources | Author |
|:----------------------------------------------------------|:----------------------------:|
| [33 concepts every JavaScript developer should know] | [Leonardo Maldonado] |
| [Best JavaScript books, tutorials, courses & videos] | [ReactDOM] |
| [Learn to code in 2018] | [Andrei Neagoie] |
| [Get Job ready - JavaScript Edition] | [P1xt] |
| [Full Stack Web Developer Path] | [Shovan Chatterjee] |
[//]: # (Reference links to paths)
[33 concepts every JavaScript developer should know]: https://github.com/leonardomso/33-js-concepts
[Best JavaScript books, tutorials, courses & videos]: https://reactdom.com/blog/javascript-books
[Learn to code in 2018]: https://hackernoon.com/learn-to-code-in-2018-get-hired-and-have-fun-along-the-way-b338247eed6a
[Get Job ready - JavaScript Edition]: https://github.com/P1xt/p1xt-guides/blob/master/job-ready-javascript-edition-2.0.md
[Full Stack Web Developer Path]: https://github.com/shovanch/fullstack-web-developer-path
[//]: # (Reference links to authors)
[Leonardo Maldonado]: https://github.com/leonardomso
[ReactDOM]: https://reactdom.com
[Andrei Neagoie]: https://twitter.com/AndreiNeagoie
[P1xt]: https://github.com/P1xt
[Shovan Chatterjee]: https://github.com/shovanch
----
## Interests
I'm currently interested in/excited about:
+ Typescript
+ Testing
+ Node and the MERN stack
+ .dotfiles
----
## Web Development Checklist
This is a list of basic objectives to meet on the road to mastering web development.
It is an almost exact copy of [Ginny Fahs'](https://twitter.com/ginnyfahs) ["Things Real Developers Do: My Bucket List"](https://blog.prototypr.io/wondering-if-youre-a-real-developer-yet-try-making-a-bucket-list-281275482155)
* [x] Open the computer’s terminal
* [x] Use a text editor (bonus points if you have a specific reason for choosing it)
* [x] Use some keyboard shortcuts
* [x] Write tests for your code
* [x] Help another web developer with something they’re having trouble with
* [x] Attend an event about web development
* [x] Follow developers you admire on social media
* [x] Read a book about coding
* [x] Open your browser console
* [x] Get data from an API
* [x] Hide API keys from the public
* [x] Post a question on Stack Overflow
* [x] Push code to GitHub or GitLab or BitBucket
* [ ] Speak about something web development-related at an event
* [x] Complete a technical interview
* [x] Participate in a hackathon
* [x] Deploy a project
* [ ] Ship your project to a store
* [ ] Contribute to open source
* [x] Get paid to code
* [x] When people ask what you do, respond saying you’re a developer :)
----
If you find this useful for your own needs you are welcome to fork a copy, customise it or even give it a star :)
**You can [follow me on Twitter](https://twitter.com/Syknapse "@Syknapse") or [get in touch](https://syknapse.github.io/Syk-Houdeib/#contact "My contact section | Portfolio")**
----
### Acknowledgments
This has been partly inspired by [Shovan Chatterjee](https://twitter.com/shovan_ch) and his wonderful [Full Stack Web Developer Path](https://github.com/shovanch/fullstack-web-developer-path) project. And of course by [Alexander Kallaway's](https://twitter.com/ka11away) very motivational [#100DaysOfCode challenge](https://github.com/Kallaway/100-days-of-code) and the great and supportive community around it.
### License
[MIT License](https://github.com/Syknapse/My-Learning-Tracker/blob/master/LICENSE)