Skip to content

Latest commit

History

154 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

My Learning Tracker Tweet

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 || Blog


Skills

Skill1
Introduction
2
Occasional Use
3
Regular use
JavaScriptdonedonedone
Reactdonedonedone
TypeScriptdonedonedone
Next.jsdonedonedone
Next App Routerdonedonedone
Gitdonedonedone
Vitestdonedone
Jestdonedone
React Testing Librarydonedone
Reduxdonedonedone
Zustanddonedonedone
HTMLdonedonedone
CSSdonedonedone
TailWinddonedonedone
NPMdonedonedone
PNPMdonedonedone
Yarndonedonedone
React Querydonedonedone
Dockerdonedone
Auth0donedonedone
KrakenDdonedonedone
GoogleMaps APIdonedonedone
Material UIdonedonedone
ShadCNdonedonedone
StoryBookdonedonedone
MJMLdonedonedone
Markdowndonedonedone
Node.jsdonedone
GitHubdonedonedone
GitHub Actionsdonedone
Lokalisedonedonedone
ES6donedonedone
Command linedonedonedone
React hooksdonedonedone
React Contextdonedone
Prettierdonedonedone
EsLintdonedonedone
DayJSdonedonedone
React Hook Formdonedonedone
Accessibilitydonedone
Huskydonedone
Verceldone
Agiledonedonedone
Jiradonedonedone
Gulp/Webpackdonedonedone
Responsive designdonedonedone
Bitbucketdonedonedone
Mobile firstdonedonedone
Progressive Enhancementdonedonedone
CSS Grid & Flex-boxdonedonedone
PostCSSdonedonedone
Working with APIsdonedonedone
Website Buildingdonedonedone
Publishing websitedonedone
Netlifydonedone
Backbonedonedone
jQuerydonedone
Bootstrapdonedone
Stylusdonedone
Open Source Contributiondone
Angular 4done

Learning

StatusYearCourseTutor
In ProgressFeb 2025Web Performance FundamentalsTodd Gardner
In ProgressFeb 2025The Hard Parts of UI DevelopmentWill Sentence
In ProgressDec 2024Full Stack for Frontend EngineersJem Young
CompletedFeb 2025JavaScript: The Hard Parts v2Will Sentence
CompletedJan 2025Web SecuritySteve Kinney
CompletedJan 2025React PerformanceSteve Kinney
CompletedJan 2025Web App AccessibilityMarcy Sutton Todd
CompletedJan 2025Developer Soft Skills and TestingFrancesca Sadikin
CompletedJan 2025Testing FundamentalsSteve Kinney
CompletedJan 2025Introduction to Next.js, v3Scott Moss
CompletedOct 2023Harvard CS50Harvard University
CompletedDec 2022React and TypeScriptSteve Kinney
CompletedNov 2022TypeScript Fundamentals v3Mike North
CompletedNov 2022JavaScript: The New Hard PartsWill Sentence
CompletedSept 2022The Hard Parts of Servers and Node.jsWill Sentence
CompletedSept 2022Understanding TypeScriptMaximilian Schwarzmüller
CompletedMar 2022JavaScript: The Hard PartsWill Sentence
CompletedJan 2022Dotfiles from start to finish-ishPatrick McDonald
CompletedDec 2019Getting Started With ReduxDan Abramov - egghead.io
CompletedDec 2019The Next.js HandbookFlavio Copes
CompletedOct 2019You Don't Know JavaScript: Types & GrammarKyle Simpson
CompletedSept 2019You Don't Know JavaScript: Objects & ClassesKyle Simpson
CompletedJul 2019You Don't Know JavaScript: Scope & ClosureKyle Simpson
CompletedMay 2019Eloquent JavaScriptMarijn Haverbeke
CompletedFeb 2019The Complete JavaScript HandbookFlavio Copes
CompletedJan 2019JavaScript clean code guideRyan McDermott
CompletedAug 2018Front-End Web Developer NanodegreeUdacity - Google Scholarship
CompletedFeb 2018The Beginner's Guide to ReactjsKent C Dodds - egghead.io
CompletedJan 2018Google Developer Challenge Scholarship - Web DeveloperUdacity
Completed2017Workflow Tools for Web DevelopersChristina Truong - Lynda.com
Completed2017Learning Git and GitHubRay Villalobos - Lynda.com
Completed2017CSS Essential Training 3Christina Truong - Lynda.com
Completed2017CSS Essential Training 2Christina Truong - Lynda.com
Completed2017Getting Your Website OnlineChristina Truong - Lynda.com
Completed2017Learn Enough Command Line to Be DangerousMichael Hartl
Completed2017Basic Front End Development ProjectsFree Code Camp
Completed2017The Web Developer Bootcamp - Frond EndColt Steele - Udemy
In ProgressJavaScript and React for DevelopersCassidy Williams - Udemy
In ProgressFront End DevelopmentFree Code Camp
In ProgressJavaScript30Wes Bos
SoonRead JavaScript: The Good PartsDouglas Crockford

Paths

Paths with multiple resourcesAuthor
33 concepts every JavaScript developer should knowLeonardo Maldonado
Best JavaScript books, tutorials, courses & videosReactDOM
Learn to code in 2018Andrei Neagoie
Get Job ready - JavaScript EditionP1xt
Full Stack Web Developer PathShovan Chatterjee

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'"Things Real Developers Do: My Bucket List"

  • Open the computer’s terminal
  • Use a text editor (bonus points if you have a specific reason for choosing it)
  • Use some keyboard shortcuts
  • Write tests for your code
  • Help another web developer with something they’re having trouble with
  • Attend an event about web development
  • Follow developers you admire on social media
  • Read a book about coding
  • Open your browser console
  • Get data from an API
  • Hide API keys from the public
  • Post a question on Stack Overflow
  • Push code to GitHub or GitLab or BitBucket
  • Speak about something web development-related at an event
  • Complete a technical interview
  • Participate in a hackathon
  • Deploy a project
  • Ship your project to a store
  • Contribute to open source
  • Get paid to code
  • 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 or get in touch


Acknowledgments

This has been partly inspired by Shovan Chatterjee and his wonderful Full Stack Web Developer Path project. And of course by Alexander Kallaway's very motivational #100DaysOfCode challenge and the great and supportive community around it.

License

MIT License

About

Keeping track of my web development skills and learning in one place along with resources, highlights, interests, and everything to do with my learning.

Resources

Stars

375 stars

Watchers

20 watching

Forks

Releases

Packages

Used by

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { // Add copy buttons to all
 blocks
(function() {
function addCopyButtons() {
document.querySelectorAll('pre code').forEach(function(codeBlock) {
if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;
codeBlock.parentElement.setAttribute('data-copy-added', 'true');
var btn = document.createElement('button');
btn.textContent = 'Copy';
btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';
btn.onmouseover = function() { this.style.opacity = '1'; };
btn.onmouseout = function() { this.style.opacity = '0.7'; };
btn.onclick = function() {
navigator.clipboard.writeText(codeBlock.textContent).then(function() {
btn.textContent = 'Copied!';
setTimeout(function() { btn.textContent = 'Copy'; }, 1500);
});
};
codeBlock.parentElement.style.position = 'relative';
codeBlock.parentElement.appendChild(btn);
});
}
addCopyButtons();
// Re-run on dynamic content
var observer = new MutationObserver(addCopyButtons);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
GitHub - 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. · GitHub
Skip to content

Latest commit

History

154 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

My Learning Tracker Tweet

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 || Blog


Skills

Skill1
Introduction
2
Occasional Use
3
Regular use
JavaScriptdonedonedone
Reactdonedonedone
TypeScriptdonedonedone
Next.jsdonedonedone
Next App Routerdonedonedone
Gitdonedonedone
Vitestdonedone
Jestdonedone
React Testing Librarydonedone
Reduxdonedonedone
Zustanddonedonedone
HTMLdonedonedone
CSSdonedonedone
TailWinddonedonedone
NPMdonedonedone
PNPMdonedonedone
Yarndonedonedone
React Querydonedonedone
Dockerdonedone
Auth0donedonedone
KrakenDdonedonedone
GoogleMaps APIdonedonedone
Material UIdonedonedone
ShadCNdonedonedone
StoryBookdonedonedone
MJMLdonedonedone
Markdowndonedonedone
Node.jsdonedone
GitHubdonedonedone
GitHub Actionsdonedone
Lokalisedonedonedone
ES6donedonedone
Command linedonedonedone
React hooksdonedonedone
React Contextdonedone
Prettierdonedonedone
EsLintdonedonedone
DayJSdonedonedone
React Hook Formdonedonedone
Accessibilitydonedone
Huskydonedone
Verceldone
Agiledonedonedone
Jiradonedonedone
Gulp/Webpackdonedonedone
Responsive designdonedonedone
Bitbucketdonedonedone
Mobile firstdonedonedone
Progressive Enhancementdonedonedone
CSS Grid & Flex-boxdonedonedone
PostCSSdonedonedone
Working with APIsdonedonedone
Website Buildingdonedonedone
Publishing websitedonedone
Netlifydonedone
Backbonedonedone
jQuerydonedone
Bootstrapdonedone
Stylusdonedone
Open Source Contributiondone
Angular 4done

Learning

StatusYearCourseTutor
In ProgressFeb 2025Web Performance FundamentalsTodd Gardner
In ProgressFeb 2025The Hard Parts of UI DevelopmentWill Sentence
In ProgressDec 2024Full Stack for Frontend EngineersJem Young
CompletedFeb 2025JavaScript: The Hard Parts v2Will Sentence
CompletedJan 2025Web SecuritySteve Kinney
CompletedJan 2025React PerformanceSteve Kinney
CompletedJan 2025Web App AccessibilityMarcy Sutton Todd
CompletedJan 2025Developer Soft Skills and TestingFrancesca Sadikin
CompletedJan 2025Testing FundamentalsSteve Kinney
CompletedJan 2025Introduction to Next.js, v3Scott Moss
CompletedOct 2023Harvard CS50Harvard University
CompletedDec 2022React and TypeScriptSteve Kinney
CompletedNov 2022TypeScript Fundamentals v3Mike North
CompletedNov 2022JavaScript: The New Hard PartsWill Sentence
CompletedSept 2022The Hard Parts of Servers and Node.jsWill Sentence
CompletedSept 2022Understanding TypeScriptMaximilian Schwarzmüller
CompletedMar 2022JavaScript: The Hard PartsWill Sentence
CompletedJan 2022Dotfiles from start to finish-ishPatrick McDonald
CompletedDec 2019Getting Started With ReduxDan Abramov - egghead.io
CompletedDec 2019The Next.js HandbookFlavio Copes
CompletedOct 2019You Don't Know JavaScript: Types & GrammarKyle Simpson
CompletedSept 2019You Don't Know JavaScript: Objects & ClassesKyle Simpson
CompletedJul 2019You Don't Know JavaScript: Scope & ClosureKyle Simpson
CompletedMay 2019Eloquent JavaScriptMarijn Haverbeke
CompletedFeb 2019The Complete JavaScript HandbookFlavio Copes
CompletedJan 2019JavaScript clean code guideRyan McDermott
CompletedAug 2018Front-End Web Developer NanodegreeUdacity - Google Scholarship
CompletedFeb 2018The Beginner's Guide to ReactjsKent C Dodds - egghead.io
CompletedJan 2018Google Developer Challenge Scholarship - Web DeveloperUdacity
Completed2017Workflow Tools for Web DevelopersChristina Truong - Lynda.com
Completed2017Learning Git and GitHubRay Villalobos - Lynda.com
Completed2017CSS Essential Training 3Christina Truong - Lynda.com
Completed2017CSS Essential Training 2Christina Truong - Lynda.com
Completed2017Getting Your Website OnlineChristina Truong - Lynda.com
Completed2017Learn Enough Command Line to Be DangerousMichael Hartl
Completed2017Basic Front End Development ProjectsFree Code Camp
Completed2017The Web Developer Bootcamp - Frond EndColt Steele - Udemy
In ProgressJavaScript and React for DevelopersCassidy Williams - Udemy
In ProgressFront End DevelopmentFree Code Camp
In ProgressJavaScript30Wes Bos
SoonRead JavaScript: The Good PartsDouglas Crockford

Paths

Paths with multiple resourcesAuthor
33 concepts every JavaScript developer should knowLeonardo Maldonado
Best JavaScript books, tutorials, courses & videosReactDOM
Learn to code in 2018Andrei Neagoie
Get Job ready - JavaScript EditionP1xt
Full Stack Web Developer PathShovan Chatterjee

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'"Things Real Developers Do: My Bucket List"

  • Open the computer’s terminal
  • Use a text editor (bonus points if you have a specific reason for choosing it)
  • Use some keyboard shortcuts
  • Write tests for your code
  • Help another web developer with something they’re having trouble with
  • Attend an event about web development
  • Follow developers you admire on social media
  • Read a book about coding
  • Open your browser console
  • Get data from an API
  • Hide API keys from the public
  • Post a question on Stack Overflow
  • Push code to GitHub or GitLab or BitBucket
  • Speak about something web development-related at an event
  • Complete a technical interview
  • Participate in a hackathon
  • Deploy a project
  • Ship your project to a store
  • Contribute to open source
  • Get paid to code
  • 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 or get in touch


Acknowledgments

This has been partly inspired by Shovan Chatterjee and his wonderful Full Stack Web Developer Path project. And of course by Alexander Kallaway's very motivational #100DaysOfCode challenge and the great and supportive community around it.

License

MIT License

About

Keeping track of my web development skills and learning in one place along with resources, highlights, interests, and everything to do with my learning.

Resources

Stars

375 stars

Watchers

20 watching

Forks

Releases

Packages

Used by

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { // Force GitHub README to respect dark mode (function() { var style = document.createElement('style'); style.textContent = ' .markdown-body { color-scheme: dark light; } .markdown-body pre { background: #161b22 !important; } .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; } .markdown-body table th, .markdown-body table td { border-color: #30363d !important; } .markdown-body img { background: #0d1117; } .markdown-body blockquote { border-left-color: #8b949e; } .markdown-body hr { border-color: #30363d; } '; document.head.appendChild(style); })(); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ' GitHub - 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. · GitHub
Skip to content

Latest commit

History

154 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

My Learning Tracker Tweet

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 || Blog


Skills

Skill1
Introduction
2
Occasional Use
3
Regular use
JavaScriptdonedonedone
Reactdonedonedone
TypeScriptdonedonedone
Next.jsdonedonedone
Next App Routerdonedonedone
Gitdonedonedone
Vitestdonedone
Jestdonedone
React Testing Librarydonedone
Reduxdonedonedone
Zustanddonedonedone
HTMLdonedonedone
CSSdonedonedone
TailWinddonedonedone
NPMdonedonedone
PNPMdonedonedone
Yarndonedonedone
React Querydonedonedone
Dockerdonedone
Auth0donedonedone
KrakenDdonedonedone
GoogleMaps APIdonedonedone
Material UIdonedonedone
ShadCNdonedonedone
StoryBookdonedonedone
MJMLdonedonedone
Markdowndonedonedone
Node.jsdonedone
GitHubdonedonedone
GitHub Actionsdonedone
Lokalisedonedonedone
ES6donedonedone
Command linedonedonedone
React hooksdonedonedone
React Contextdonedone
Prettierdonedonedone
EsLintdonedonedone
DayJSdonedonedone
React Hook Formdonedonedone
Accessibilitydonedone
Huskydonedone
Verceldone
Agiledonedonedone
Jiradonedonedone
Gulp/Webpackdonedonedone
Responsive designdonedonedone
Bitbucketdonedonedone
Mobile firstdonedonedone
Progressive Enhancementdonedonedone
CSS Grid & Flex-boxdonedonedone
PostCSSdonedonedone
Working with APIsdonedonedone
Website Buildingdonedonedone
Publishing websitedonedone
Netlifydonedone
Backbonedonedone
jQuerydonedone
Bootstrapdonedone
Stylusdonedone
Open Source Contributiondone
Angular 4done

Learning

StatusYearCourseTutor
In ProgressFeb 2025Web Performance FundamentalsTodd Gardner
In ProgressFeb 2025The Hard Parts of UI DevelopmentWill Sentence
In ProgressDec 2024Full Stack for Frontend EngineersJem Young
CompletedFeb 2025JavaScript: The Hard Parts v2Will Sentence
CompletedJan 2025Web SecuritySteve Kinney
CompletedJan 2025React PerformanceSteve Kinney
CompletedJan 2025Web App AccessibilityMarcy Sutton Todd
CompletedJan 2025Developer Soft Skills and TestingFrancesca Sadikin
CompletedJan 2025Testing FundamentalsSteve Kinney
CompletedJan 2025Introduction to Next.js, v3Scott Moss
CompletedOct 2023Harvard CS50Harvard University
CompletedDec 2022React and TypeScriptSteve Kinney
CompletedNov 2022TypeScript Fundamentals v3Mike North
CompletedNov 2022JavaScript: The New Hard PartsWill Sentence
CompletedSept 2022The Hard Parts of Servers and Node.jsWill Sentence
CompletedSept 2022Understanding TypeScriptMaximilian Schwarzmüller
CompletedMar 2022JavaScript: The Hard PartsWill Sentence
CompletedJan 2022Dotfiles from start to finish-ishPatrick McDonald
CompletedDec 2019Getting Started With ReduxDan Abramov - egghead.io
CompletedDec 2019The Next.js HandbookFlavio Copes
CompletedOct 2019You Don't Know JavaScript: Types & GrammarKyle Simpson
CompletedSept 2019You Don't Know JavaScript: Objects & ClassesKyle Simpson
CompletedJul 2019You Don't Know JavaScript: Scope & ClosureKyle Simpson
CompletedMay 2019Eloquent JavaScriptMarijn Haverbeke
CompletedFeb 2019The Complete JavaScript HandbookFlavio Copes
CompletedJan 2019JavaScript clean code guideRyan McDermott
CompletedAug 2018Front-End Web Developer NanodegreeUdacity - Google Scholarship
CompletedFeb 2018The Beginner's Guide to ReactjsKent C Dodds - egghead.io
CompletedJan 2018Google Developer Challenge Scholarship - Web DeveloperUdacity
Completed2017Workflow Tools for Web DevelopersChristina Truong - Lynda.com
Completed2017Learning Git and GitHubRay Villalobos - Lynda.com
Completed2017CSS Essential Training 3Christina Truong - Lynda.com
Completed2017CSS Essential Training 2Christina Truong - Lynda.com
Completed2017Getting Your Website OnlineChristina Truong - Lynda.com
Completed2017Learn Enough Command Line to Be DangerousMichael Hartl
Completed2017Basic Front End Development ProjectsFree Code Camp
Completed2017The Web Developer Bootcamp - Frond EndColt Steele - Udemy
In ProgressJavaScript and React for DevelopersCassidy Williams - Udemy
In ProgressFront End DevelopmentFree Code Camp
In ProgressJavaScript30Wes Bos
SoonRead JavaScript: The Good PartsDouglas Crockford

Paths

Paths with multiple resourcesAuthor
33 concepts every JavaScript developer should knowLeonardo Maldonado
Best JavaScript books, tutorials, courses & videosReactDOM
Learn to code in 2018Andrei Neagoie
Get Job ready - JavaScript EditionP1xt
Full Stack Web Developer PathShovan Chatterjee

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'"Things Real Developers Do: My Bucket List"

  • Open the computer’s terminal
  • Use a text editor (bonus points if you have a specific reason for choosing it)
  • Use some keyboard shortcuts
  • Write tests for your code
  • Help another web developer with something they’re having trouble with
  • Attend an event about web development
  • Follow developers you admire on social media
  • Read a book about coding
  • Open your browser console
  • Get data from an API
  • Hide API keys from the public
  • Post a question on Stack Overflow
  • Push code to GitHub or GitLab or BitBucket
  • Speak about something web development-related at an event
  • Complete a technical interview
  • Participate in a hackathon
  • Deploy a project
  • Ship your project to a store
  • Contribute to open source
  • Get paid to code
  • 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 or get in touch


Acknowledgments

This has been partly inspired by Shovan Chatterjee and his wonderful Full Stack Web Developer Path project. And of course by Alexander Kallaway's very motivational #100DaysOfCode challenge and the great and supportive community around it.

License

MIT License

About

Keeping track of my web development skills and learning in one place along with resources, highlights, interests, and everything to do with my learning.

Resources

Stars

375 stars

Watchers

20 watching

Forks

Releases

Packages

Used by

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { // Highlight search terms from Google/DuckDuckGo/Bing referrer (function() { var ref = document.referrer; var terms = []; if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) { var url = new URL(ref); var q = url.searchParams.get('q') || url.searchParams.get('p'); if (q) { terms = q.split(/\s+/).filter(function(t) { return t.length > 2; }); } } if (terms.length === 0) return; var style = document.createElement('style'); style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }'; document.head.appendChild(style); function highlight(node) { if (node.nodeType === 3) { // text node var text = node.textContent; var found = false; terms.forEach(function(term) { var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\]\\]/g, '\\') + ')', 'gi'); if (regex.test(text)) { found = true; var frag = document.createDocumentFragment(); var parts = text.split(regex); parts.forEach(function(part, i) { if (i % 2 === 0) { frag.appendChild(document.createTextNode(part)); } else { var span = document.createElement('span'); span.className = 'userscript-highlight'; span.textContent = part; frag.appendChild(span); } }); node.parentNode.replaceChild(frag, node); } }); } else if (node.nodeType === 1 && node.childNodes) { // element var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT']; if (!skipTags.includes(node.tagName)) { Array.from(node.childNodes).forEach(highlight); } } } highlight(document.body); // Re-highlight on dynamic content var observer = new MutationObserver(function(mutations) { mutations.forEach(function(m) { m.addedNodes.forEach(function(node) { if (node.nodeType === 1 || node.nodeType === 3) highlight(node); }); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ' GitHub - 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. · GitHub
Skip to content

Latest commit

History

154 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

My Learning Tracker Tweet

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 || Blog


Skills

Skill1
Introduction
2
Occasional Use
3
Regular use
JavaScriptdonedonedone
Reactdonedonedone
TypeScriptdonedonedone
Next.jsdonedonedone
Next App Routerdonedonedone
Gitdonedonedone
Vitestdonedone
Jestdonedone
React Testing Librarydonedone
Reduxdonedonedone
Zustanddonedonedone
HTMLdonedonedone
CSSdonedonedone
TailWinddonedonedone
NPMdonedonedone
PNPMdonedonedone
Yarndonedonedone
React Querydonedonedone
Dockerdonedone
Auth0donedonedone
KrakenDdonedonedone
GoogleMaps APIdonedonedone
Material UIdonedonedone
ShadCNdonedonedone
StoryBookdonedonedone
MJMLdonedonedone
Markdowndonedonedone
Node.jsdonedone
GitHubdonedonedone
GitHub Actionsdonedone
Lokalisedonedonedone
ES6donedonedone
Command linedonedonedone
React hooksdonedonedone
React Contextdonedone
Prettierdonedonedone
EsLintdonedonedone
DayJSdonedonedone
React Hook Formdonedonedone
Accessibilitydonedone
Huskydonedone
Verceldone
Agiledonedonedone
Jiradonedonedone
Gulp/Webpackdonedonedone
Responsive designdonedonedone
Bitbucketdonedonedone
Mobile firstdonedonedone
Progressive Enhancementdonedonedone
CSS Grid & Flex-boxdonedonedone
PostCSSdonedonedone
Working with APIsdonedonedone
Website Buildingdonedonedone
Publishing websitedonedone
Netlifydonedone
Backbonedonedone
jQuerydonedone
Bootstrapdonedone
Stylusdonedone
Open Source Contributiondone
Angular 4done

Learning

StatusYearCourseTutor
In ProgressFeb 2025Web Performance FundamentalsTodd Gardner
In ProgressFeb 2025The Hard Parts of UI DevelopmentWill Sentence
In ProgressDec 2024Full Stack for Frontend EngineersJem Young
CompletedFeb 2025JavaScript: The Hard Parts v2Will Sentence
CompletedJan 2025Web SecuritySteve Kinney
CompletedJan 2025React PerformanceSteve Kinney
CompletedJan 2025Web App AccessibilityMarcy Sutton Todd
CompletedJan 2025Developer Soft Skills and TestingFrancesca Sadikin
CompletedJan 2025Testing FundamentalsSteve Kinney
CompletedJan 2025Introduction to Next.js, v3Scott Moss
CompletedOct 2023Harvard CS50Harvard University
CompletedDec 2022React and TypeScriptSteve Kinney
CompletedNov 2022TypeScript Fundamentals v3Mike North
CompletedNov 2022JavaScript: The New Hard PartsWill Sentence
CompletedSept 2022The Hard Parts of Servers and Node.jsWill Sentence
CompletedSept 2022Understanding TypeScriptMaximilian Schwarzmüller
CompletedMar 2022JavaScript: The Hard PartsWill Sentence
CompletedJan 2022Dotfiles from start to finish-ishPatrick McDonald
CompletedDec 2019Getting Started With ReduxDan Abramov - egghead.io
CompletedDec 2019The Next.js HandbookFlavio Copes
CompletedOct 2019You Don't Know JavaScript: Types & GrammarKyle Simpson
CompletedSept 2019You Don't Know JavaScript: Objects & ClassesKyle Simpson
CompletedJul 2019You Don't Know JavaScript: Scope & ClosureKyle Simpson
CompletedMay 2019Eloquent JavaScriptMarijn Haverbeke
CompletedFeb 2019The Complete JavaScript HandbookFlavio Copes
CompletedJan 2019JavaScript clean code guideRyan McDermott
CompletedAug 2018Front-End Web Developer NanodegreeUdacity - Google Scholarship
CompletedFeb 2018The Beginner's Guide to ReactjsKent C Dodds - egghead.io
CompletedJan 2018Google Developer Challenge Scholarship - Web DeveloperUdacity
Completed2017Workflow Tools for Web DevelopersChristina Truong - Lynda.com
Completed2017Learning Git and GitHubRay Villalobos - Lynda.com
Completed2017CSS Essential Training 3Christina Truong - Lynda.com
Completed2017CSS Essential Training 2Christina Truong - Lynda.com
Completed2017Getting Your Website OnlineChristina Truong - Lynda.com
Completed2017Learn Enough Command Line to Be DangerousMichael Hartl
Completed2017Basic Front End Development ProjectsFree Code Camp
Completed2017The Web Developer Bootcamp - Frond EndColt Steele - Udemy
In ProgressJavaScript and React for DevelopersCassidy Williams - Udemy
In ProgressFront End DevelopmentFree Code Camp
In ProgressJavaScript30Wes Bos
SoonRead JavaScript: The Good PartsDouglas Crockford

Paths

Paths with multiple resourcesAuthor
33 concepts every JavaScript developer should knowLeonardo Maldonado
Best JavaScript books, tutorials, courses & videosReactDOM
Learn to code in 2018Andrei Neagoie
Get Job ready - JavaScript EditionP1xt
Full Stack Web Developer PathShovan Chatterjee

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'"Things Real Developers Do: My Bucket List"

  • Open the computer’s terminal
  • Use a text editor (bonus points if you have a specific reason for choosing it)
  • Use some keyboard shortcuts
  • Write tests for your code
  • Help another web developer with something they’re having trouble with
  • Attend an event about web development
  • Follow developers you admire on social media
  • Read a book about coding
  • Open your browser console
  • Get data from an API
  • Hide API keys from the public
  • Post a question on Stack Overflow
  • Push code to GitHub or GitLab or BitBucket
  • Speak about something web development-related at an event
  • Complete a technical interview
  • Participate in a hackathon
  • Deploy a project
  • Ship your project to a store
  • Contribute to open source
  • Get paid to code
  • 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 or get in touch


Acknowledgments

This has been partly inspired by Shovan Chatterjee and his wonderful Full Stack Web Developer Path project. And of course by Alexander Kallaway's very motivational #100DaysOfCode challenge and the great and supportive community around it.

License

MIT License

About

Keeping track of my web development skills and learning in one place along with resources, highlights, interests, and everything to do with my learning.

Resources

Stars

375 stars

Watchers

20 watching

Forks

Releases

Packages

Used by

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { // Strip utm_, fbclid, gclid, etc. from all links on page (function() { var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content', 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid', 'ref', 'ref_src', 'source', 'medium', 'campaign']; function cleanUrl(url) { try { var u = new URL(url, window.location.origin); var changed = false; trackingParams.forEach(function(p) { if (u.searchParams.has(p)) { u.searchParams.delete(p); changed = true; } }); return changed ? u.toString() : url; } catch (e) { return url; } } function cleanLinks() { document.querySelectorAll('a[href]').forEach(function(a) { var clean = cleanUrl(a.href); if (clean !== a.href) a.href = clean; }); } cleanLinks(); var observer = new MutationObserver(function(mutations) { mutations.forEach(function(m) { m.addedNodes.forEach(function(node) { if (node.nodeType === 1) { if (node.tagName === 'A') cleanLinks(); node.querySelectorAll('a[href]').forEach(function(a) { var clean = cleanUrl(a.href); if (clean !== a.href) a.href = clean; }); } }); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + ' GitHub - 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. · GitHub
Skip to content

Latest commit

History

154 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

My Learning Tracker Tweet

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 || Blog


Skills

Skill1
Introduction
2
Occasional Use
3
Regular use
JavaScriptdonedonedone
Reactdonedonedone
TypeScriptdonedonedone
Next.jsdonedonedone
Next App Routerdonedonedone
Gitdonedonedone
Vitestdonedone
Jestdonedone
React Testing Librarydonedone
Reduxdonedonedone
Zustanddonedonedone
HTMLdonedonedone
CSSdonedonedone
TailWinddonedonedone
NPMdonedonedone
PNPMdonedonedone
Yarndonedonedone
React Querydonedonedone
Dockerdonedone
Auth0donedonedone
KrakenDdonedonedone
GoogleMaps APIdonedonedone
Material UIdonedonedone
ShadCNdonedonedone
StoryBookdonedonedone
MJMLdonedonedone
Markdowndonedonedone
Node.jsdonedone
GitHubdonedonedone
GitHub Actionsdonedone
Lokalisedonedonedone
ES6donedonedone
Command linedonedonedone
React hooksdonedonedone
React Contextdonedone
Prettierdonedonedone
EsLintdonedonedone
DayJSdonedonedone
React Hook Formdonedonedone
Accessibilitydonedone
Huskydonedone
Verceldone
Agiledonedonedone
Jiradonedonedone
Gulp/Webpackdonedonedone
Responsive designdonedonedone
Bitbucketdonedonedone
Mobile firstdonedonedone
Progressive Enhancementdonedonedone
CSS Grid & Flex-boxdonedonedone
PostCSSdonedonedone
Working with APIsdonedonedone
Website Buildingdonedonedone
Publishing websitedonedone
Netlifydonedone
Backbonedonedone
jQuerydonedone
Bootstrapdonedone
Stylusdonedone
Open Source Contributiondone
Angular 4done

Learning

StatusYearCourseTutor
In ProgressFeb 2025Web Performance FundamentalsTodd Gardner
In ProgressFeb 2025The Hard Parts of UI DevelopmentWill Sentence
In ProgressDec 2024Full Stack for Frontend EngineersJem Young
CompletedFeb 2025JavaScript: The Hard Parts v2Will Sentence
CompletedJan 2025Web SecuritySteve Kinney
CompletedJan 2025React PerformanceSteve Kinney
CompletedJan 2025Web App AccessibilityMarcy Sutton Todd
CompletedJan 2025Developer Soft Skills and TestingFrancesca Sadikin
CompletedJan 2025Testing FundamentalsSteve Kinney
CompletedJan 2025Introduction to Next.js, v3Scott Moss
CompletedOct 2023Harvard CS50Harvard University
CompletedDec 2022React and TypeScriptSteve Kinney
CompletedNov 2022TypeScript Fundamentals v3Mike North
CompletedNov 2022JavaScript: The New Hard PartsWill Sentence
CompletedSept 2022The Hard Parts of Servers and Node.jsWill Sentence
CompletedSept 2022Understanding TypeScriptMaximilian Schwarzmüller
CompletedMar 2022JavaScript: The Hard PartsWill Sentence
CompletedJan 2022Dotfiles from start to finish-ishPatrick McDonald
CompletedDec 2019Getting Started With ReduxDan Abramov - egghead.io
CompletedDec 2019The Next.js HandbookFlavio Copes
CompletedOct 2019You Don't Know JavaScript: Types & GrammarKyle Simpson
CompletedSept 2019You Don't Know JavaScript: Objects & ClassesKyle Simpson
CompletedJul 2019You Don't Know JavaScript: Scope & ClosureKyle Simpson
CompletedMay 2019Eloquent JavaScriptMarijn Haverbeke
CompletedFeb 2019The Complete JavaScript HandbookFlavio Copes
CompletedJan 2019JavaScript clean code guideRyan McDermott
CompletedAug 2018Front-End Web Developer NanodegreeUdacity - Google Scholarship
CompletedFeb 2018The Beginner's Guide to ReactjsKent C Dodds - egghead.io
CompletedJan 2018Google Developer Challenge Scholarship - Web DeveloperUdacity
Completed2017Workflow Tools for Web DevelopersChristina Truong - Lynda.com
Completed2017Learning Git and GitHubRay Villalobos - Lynda.com
Completed2017CSS Essential Training 3Christina Truong - Lynda.com
Completed2017CSS Essential Training 2Christina Truong - Lynda.com
Completed2017Getting Your Website OnlineChristina Truong - Lynda.com
Completed2017Learn Enough Command Line to Be DangerousMichael Hartl
Completed2017Basic Front End Development ProjectsFree Code Camp
Completed2017The Web Developer Bootcamp - Frond EndColt Steele - Udemy
In ProgressJavaScript and React for DevelopersCassidy Williams - Udemy
In ProgressFront End DevelopmentFree Code Camp
In ProgressJavaScript30Wes Bos
SoonRead JavaScript: The Good PartsDouglas Crockford

Paths

Paths with multiple resourcesAuthor
33 concepts every JavaScript developer should knowLeonardo Maldonado
Best JavaScript books, tutorials, courses & videosReactDOM
Learn to code in 2018Andrei Neagoie
Get Job ready - JavaScript EditionP1xt
Full Stack Web Developer PathShovan Chatterjee

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'"Things Real Developers Do: My Bucket List"

  • Open the computer’s terminal
  • Use a text editor (bonus points if you have a specific reason for choosing it)
  • Use some keyboard shortcuts
  • Write tests for your code
  • Help another web developer with something they’re having trouble with
  • Attend an event about web development
  • Follow developers you admire on social media
  • Read a book about coding
  • Open your browser console
  • Get data from an API
  • Hide API keys from the public
  • Post a question on Stack Overflow
  • Push code to GitHub or GitLab or BitBucket
  • Speak about something web development-related at an event
  • Complete a technical interview
  • Participate in a hackathon
  • Deploy a project
  • Ship your project to a store
  • Contribute to open source
  • Get paid to code
  • 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 or get in touch


Acknowledgments

This has been partly inspired by Shovan Chatterjee and his wonderful Full Stack Web Developer Path project. And of course by Alexander Kallaway's very motivational #100DaysOfCode challenge and the great and supportive community around it.

License

MIT License

About

Keeping track of my web development skills and learning in one place along with resources, highlights, interests, and everything to do with my learning.

Resources

Stars

375 stars

Watchers

20 watching

Forks

Releases

Packages

Used by

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { // Auto-enable theater mode on YouTube (function() { function tryTheater() { var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]'); if (btn && !btn.classList.contains('activated')) { btn.click(); } } // Try immediately tryTheater(); // Try after navigation (SPA) var lastUrl = location.href; setInterval(function() { if (location.href !== lastUrl) { lastUrl = location.href; setTimeout(tryTheater, 500); } }, 1000); // Also try on player load var observer = new MutationObserver(tryTheater); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ' GitHub - 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. · GitHub
Skip to content

Latest commit

History

154 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

My Learning Tracker Tweet

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 || Blog


Skills

Skill1
Introduction
2
Occasional Use
3
Regular use
JavaScriptdonedonedone
Reactdonedonedone
TypeScriptdonedonedone
Next.jsdonedonedone
Next App Routerdonedonedone
Gitdonedonedone
Vitestdonedone
Jestdonedone
React Testing Librarydonedone
Reduxdonedonedone
Zustanddonedonedone
HTMLdonedonedone
CSSdonedonedone
TailWinddonedonedone
NPMdonedonedone
PNPMdonedonedone
Yarndonedonedone
React Querydonedonedone
Dockerdonedone
Auth0donedonedone
KrakenDdonedonedone
GoogleMaps APIdonedonedone
Material UIdonedonedone
ShadCNdonedonedone
StoryBookdonedonedone
MJMLdonedonedone
Markdowndonedonedone
Node.jsdonedone
GitHubdonedonedone
GitHub Actionsdonedone
Lokalisedonedonedone
ES6donedonedone
Command linedonedonedone
React hooksdonedonedone
React Contextdonedone
Prettierdonedonedone
EsLintdonedonedone
DayJSdonedonedone
React Hook Formdonedonedone
Accessibilitydonedone
Huskydonedone
Verceldone
Agiledonedonedone
Jiradonedonedone
Gulp/Webpackdonedonedone
Responsive designdonedonedone
Bitbucketdonedonedone
Mobile firstdonedonedone
Progressive Enhancementdonedonedone
CSS Grid & Flex-boxdonedonedone
PostCSSdonedonedone
Working with APIsdonedonedone
Website Buildingdonedonedone
Publishing websitedonedone
Netlifydonedone
Backbonedonedone
jQuerydonedone
Bootstrapdonedone
Stylusdonedone
Open Source Contributiondone
Angular 4done

Learning

StatusYearCourseTutor
In ProgressFeb 2025Web Performance FundamentalsTodd Gardner
In ProgressFeb 2025The Hard Parts of UI DevelopmentWill Sentence
In ProgressDec 2024Full Stack for Frontend EngineersJem Young
CompletedFeb 2025JavaScript: The Hard Parts v2Will Sentence
CompletedJan 2025Web SecuritySteve Kinney
CompletedJan 2025React PerformanceSteve Kinney
CompletedJan 2025Web App AccessibilityMarcy Sutton Todd
CompletedJan 2025Developer Soft Skills and TestingFrancesca Sadikin
CompletedJan 2025Testing FundamentalsSteve Kinney
CompletedJan 2025Introduction to Next.js, v3Scott Moss
CompletedOct 2023Harvard CS50Harvard University
CompletedDec 2022React and TypeScriptSteve Kinney
CompletedNov 2022TypeScript Fundamentals v3Mike North
CompletedNov 2022JavaScript: The New Hard PartsWill Sentence
CompletedSept 2022The Hard Parts of Servers and Node.jsWill Sentence
CompletedSept 2022Understanding TypeScriptMaximilian Schwarzmüller
CompletedMar 2022JavaScript: The Hard PartsWill Sentence
CompletedJan 2022Dotfiles from start to finish-ishPatrick McDonald
CompletedDec 2019Getting Started With ReduxDan Abramov - egghead.io
CompletedDec 2019The Next.js HandbookFlavio Copes
CompletedOct 2019You Don't Know JavaScript: Types & GrammarKyle Simpson
CompletedSept 2019You Don't Know JavaScript: Objects & ClassesKyle Simpson
CompletedJul 2019You Don't Know JavaScript: Scope & ClosureKyle Simpson
CompletedMay 2019Eloquent JavaScriptMarijn Haverbeke
CompletedFeb 2019The Complete JavaScript HandbookFlavio Copes
CompletedJan 2019JavaScript clean code guideRyan McDermott
CompletedAug 2018Front-End Web Developer NanodegreeUdacity - Google Scholarship
CompletedFeb 2018The Beginner's Guide to ReactjsKent C Dodds - egghead.io
CompletedJan 2018Google Developer Challenge Scholarship - Web DeveloperUdacity
Completed2017Workflow Tools for Web DevelopersChristina Truong - Lynda.com
Completed2017Learning Git and GitHubRay Villalobos - Lynda.com
Completed2017CSS Essential Training 3Christina Truong - Lynda.com
Completed2017CSS Essential Training 2Christina Truong - Lynda.com
Completed2017Getting Your Website OnlineChristina Truong - Lynda.com
Completed2017Learn Enough Command Line to Be DangerousMichael Hartl
Completed2017Basic Front End Development ProjectsFree Code Camp
Completed2017The Web Developer Bootcamp - Frond EndColt Steele - Udemy
In ProgressJavaScript and React for DevelopersCassidy Williams - Udemy
In ProgressFront End DevelopmentFree Code Camp
In ProgressJavaScript30Wes Bos
SoonRead JavaScript: The Good PartsDouglas Crockford

Paths

Paths with multiple resourcesAuthor
33 concepts every JavaScript developer should knowLeonardo Maldonado
Best JavaScript books, tutorials, courses & videosReactDOM
Learn to code in 2018Andrei Neagoie
Get Job ready - JavaScript EditionP1xt
Full Stack Web Developer PathShovan Chatterjee

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'"Things Real Developers Do: My Bucket List"

  • Open the computer’s terminal
  • Use a text editor (bonus points if you have a specific reason for choosing it)
  • Use some keyboard shortcuts
  • Write tests for your code
  • Help another web developer with something they’re having trouble with
  • Attend an event about web development
  • Follow developers you admire on social media
  • Read a book about coding
  • Open your browser console
  • Get data from an API
  • Hide API keys from the public
  • Post a question on Stack Overflow
  • Push code to GitHub or GitLab or BitBucket
  • Speak about something web development-related at an event
  • Complete a technical interview
  • Participate in a hackathon
  • Deploy a project
  • Ship your project to a store
  • Contribute to open source
  • Get paid to code
  • 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 or get in touch


Acknowledgments

This has been partly inspired by Shovan Chatterjee and his wonderful Full Stack Web Developer Path project. And of course by Alexander Kallaway's very motivational #100DaysOfCode challenge and the great and supportive community around it.

License

MIT License

About

Keeping track of my web development skills and learning in one place along with resources, highlights, interests, and everything to do with my learning.

Resources

Stars

375 stars

Watchers

20 watching

Forks

Releases

Packages

Used by

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { // Remove or un-stick sticky/fixed headers that block content (function() { function unstick() { document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) { if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') { el.style.position = 'static'; el.style.top = 'auto'; el.style.zIndex = 'auto'; } }); } unstick(); var observer = new MutationObserver(unstick); observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] }); })(); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ' GitHub - 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. · GitHub
Skip to content

Latest commit

History

154 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

My Learning Tracker Tweet

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 || Blog


Skills

Skill1
Introduction
2
Occasional Use
3
Regular use
JavaScriptdonedonedone
Reactdonedonedone
TypeScriptdonedonedone
Next.jsdonedonedone
Next App Routerdonedonedone
Gitdonedonedone
Vitestdonedone
Jestdonedone
React Testing Librarydonedone
Reduxdonedonedone
Zustanddonedonedone
HTMLdonedonedone
CSSdonedonedone
TailWinddonedonedone
NPMdonedonedone
PNPMdonedonedone
Yarndonedonedone
React Querydonedonedone
Dockerdonedone
Auth0donedonedone
KrakenDdonedonedone
GoogleMaps APIdonedonedone
Material UIdonedonedone
ShadCNdonedonedone
StoryBookdonedonedone
MJMLdonedonedone
Markdowndonedonedone
Node.jsdonedone
GitHubdonedonedone
GitHub Actionsdonedone
Lokalisedonedonedone
ES6donedonedone
Command linedonedonedone
React hooksdonedonedone
React Contextdonedone
Prettierdonedonedone
EsLintdonedonedone
DayJSdonedonedone
React Hook Formdonedonedone
Accessibilitydonedone
Huskydonedone
Verceldone
Agiledonedonedone
Jiradonedonedone
Gulp/Webpackdonedonedone
Responsive designdonedonedone
Bitbucketdonedonedone
Mobile firstdonedonedone
Progressive Enhancementdonedonedone
CSS Grid & Flex-boxdonedonedone
PostCSSdonedonedone
Working with APIsdonedonedone
Website Buildingdonedonedone
Publishing websitedonedone
Netlifydonedone
Backbonedonedone
jQuerydonedone
Bootstrapdonedone
Stylusdonedone
Open Source Contributiondone
Angular 4done

Learning

StatusYearCourseTutor
In ProgressFeb 2025Web Performance FundamentalsTodd Gardner
In ProgressFeb 2025The Hard Parts of UI DevelopmentWill Sentence
In ProgressDec 2024Full Stack for Frontend EngineersJem Young
CompletedFeb 2025JavaScript: The Hard Parts v2Will Sentence
CompletedJan 2025Web SecuritySteve Kinney
CompletedJan 2025React PerformanceSteve Kinney
CompletedJan 2025Web App AccessibilityMarcy Sutton Todd
CompletedJan 2025Developer Soft Skills and TestingFrancesca Sadikin
CompletedJan 2025Testing FundamentalsSteve Kinney
CompletedJan 2025Introduction to Next.js, v3Scott Moss
CompletedOct 2023Harvard CS50Harvard University
CompletedDec 2022React and TypeScriptSteve Kinney
CompletedNov 2022TypeScript Fundamentals v3Mike North
CompletedNov 2022JavaScript: The New Hard PartsWill Sentence
CompletedSept 2022The Hard Parts of Servers and Node.jsWill Sentence
CompletedSept 2022Understanding TypeScriptMaximilian Schwarzmüller
CompletedMar 2022JavaScript: The Hard PartsWill Sentence
CompletedJan 2022Dotfiles from start to finish-ishPatrick McDonald
CompletedDec 2019Getting Started With ReduxDan Abramov - egghead.io
CompletedDec 2019The Next.js HandbookFlavio Copes
CompletedOct 2019You Don't Know JavaScript: Types & GrammarKyle Simpson
CompletedSept 2019You Don't Know JavaScript: Objects & ClassesKyle Simpson
CompletedJul 2019You Don't Know JavaScript: Scope & ClosureKyle Simpson
CompletedMay 2019Eloquent JavaScriptMarijn Haverbeke
CompletedFeb 2019The Complete JavaScript HandbookFlavio Copes
CompletedJan 2019JavaScript clean code guideRyan McDermott
CompletedAug 2018Front-End Web Developer NanodegreeUdacity - Google Scholarship
CompletedFeb 2018The Beginner's Guide to ReactjsKent C Dodds - egghead.io
CompletedJan 2018Google Developer Challenge Scholarship - Web DeveloperUdacity
Completed2017Workflow Tools for Web DevelopersChristina Truong - Lynda.com
Completed2017Learning Git and GitHubRay Villalobos - Lynda.com
Completed2017CSS Essential Training 3Christina Truong - Lynda.com
Completed2017CSS Essential Training 2Christina Truong - Lynda.com
Completed2017Getting Your Website OnlineChristina Truong - Lynda.com
Completed2017Learn Enough Command Line to Be DangerousMichael Hartl
Completed2017Basic Front End Development ProjectsFree Code Camp
Completed2017The Web Developer Bootcamp - Frond EndColt Steele - Udemy
In ProgressJavaScript and React for DevelopersCassidy Williams - Udemy
In ProgressFront End DevelopmentFree Code Camp
In ProgressJavaScript30Wes Bos
SoonRead JavaScript: The Good PartsDouglas Crockford

Paths

Paths with multiple resourcesAuthor
33 concepts every JavaScript developer should knowLeonardo Maldonado
Best JavaScript books, tutorials, courses & videosReactDOM
Learn to code in 2018Andrei Neagoie
Get Job ready - JavaScript EditionP1xt
Full Stack Web Developer PathShovan Chatterjee

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'"Things Real Developers Do: My Bucket List"

  • Open the computer’s terminal
  • Use a text editor (bonus points if you have a specific reason for choosing it)
  • Use some keyboard shortcuts
  • Write tests for your code
  • Help another web developer with something they’re having trouble with
  • Attend an event about web development
  • Follow developers you admire on social media
  • Read a book about coding
  • Open your browser console
  • Get data from an API
  • Hide API keys from the public
  • Post a question on Stack Overflow
  • Push code to GitHub or GitLab or BitBucket
  • Speak about something web development-related at an event
  • Complete a technical interview
  • Participate in a hackathon
  • Deploy a project
  • Ship your project to a store
  • Contribute to open source
  • Get paid to code
  • 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 or get in touch


Acknowledgments

This has been partly inspired by Shovan Chatterjee and his wonderful Full Stack Web Developer Path project. And of course by Alexander Kallaway's very motivational #100DaysOfCode challenge and the great and supportive community around it.

License

MIT License

About

Keeping track of my web development skills and learning in one place along with resources, highlights, interests, and everything to do with my learning.

Resources

Stars

375 stars

Watchers

20 watching

Forks

Releases

Packages

Used by

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { // Universal Dark Mode - works on any site (function() { var enabled = true; function applyDarkMode() { if (!enabled) return; // Create style element if it doesn't exist var style = document.getElementById('universal-dark-mode-style'); if (!style) { style = document.createElement('style'); style.id = 'universal-dark-mode-style'; document.head.appendChild(style); } // Dark mode CSS - inverts colors but preserves images/video style.textContent = ' /* Invert everything except media */ html { filter: invert(1) hue-rotate(180deg) !important; background: #1a1a2e !important; } /* Restore images, videos, iframes, canvas */ img, video, iframe, canvas, svg, picture, [style*="background-image"] { filter: invert(1) hue-rotate(180deg) !important; } /* Preserve specific elements that should not be inverted */ .no-dark-mode, .no-dark-mode *, [data-theme="light"], [data-theme="light"], .ace_editor, .ace_editor *, .CodeMirror, .CodeMirror *, .monaco-editor, .monaco-editor *, .markdown-body pre, .markdown-body pre *, .highlight, .highlight *, pre code, pre code * { filter: none !important; } /* Fix common UI elements */ .modal, .popup, .dropdown-menu, .tooltip, .popover { filter: invert(1) hue-rotate(180deg) !important; background: #2d2d44 !important; border-color: #444 !important; } /* Scrollbars */ ::-webkit-scrollbar { background: #1a1a2e !important; } ::-webkit-scrollbar-thumb { background: #444 !important; } ::-webkit-scrollbar-thumb:hover { background: #555 !important; } /* Selection */ ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; } ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; } '; } function removeDarkMode() { var style = document.getElementById('universal-dark-mode-style'); if (style) style.remove(); } // Toggle with Alt+Shift+D document.addEventListener('keydown', function(e) { if (e.altKey && e.shiftKey && e.key === 'D') { e.preventDefault(); enabled = !enabled; if (enabled) { applyDarkMode(); console.log('[Universal Dark Mode] Enabled'); } else { removeDarkMode(); console.log('[Universal Dark Mode] Disabled'); } } }); // Apply on load applyDarkMode(); // Re-apply on dynamic content var observer = new MutationObserver(function(mutations) { if (enabled && !document.getElementById('universal-dark-mode-style')) { applyDarkMode(); } }); observer.observe(document.head, { childList: true }); console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle'); })(); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })(); GitHub - 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. · GitHub
Skip to content

Latest commit

History

154 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

My Learning Tracker Tweet

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 || Blog


Skills

Skill1
Introduction
2
Occasional Use
3
Regular use
JavaScriptdonedonedone
Reactdonedonedone
TypeScriptdonedonedone
Next.jsdonedonedone
Next App Routerdonedonedone
Gitdonedonedone
Vitestdonedone
Jestdonedone
React Testing Librarydonedone
Reduxdonedonedone
Zustanddonedonedone
HTMLdonedonedone
CSSdonedonedone
TailWinddonedonedone
NPMdonedonedone
PNPMdonedonedone
Yarndonedonedone
React Querydonedonedone
Dockerdonedone
Auth0donedonedone
KrakenDdonedonedone
GoogleMaps APIdonedonedone
Material UIdonedonedone
ShadCNdonedonedone
StoryBookdonedonedone
MJMLdonedonedone
Markdowndonedonedone
Node.jsdonedone
GitHubdonedonedone
GitHub Actionsdonedone
Lokalisedonedonedone
ES6donedonedone
Command linedonedonedone
React hooksdonedonedone
React Contextdonedone
Prettierdonedonedone
EsLintdonedonedone
DayJSdonedonedone
React Hook Formdonedonedone
Accessibilitydonedone
Huskydonedone
Verceldone
Agiledonedonedone
Jiradonedonedone
Gulp/Webpackdonedonedone
Responsive designdonedonedone
Bitbucketdonedonedone
Mobile firstdonedonedone
Progressive Enhancementdonedonedone
CSS Grid & Flex-boxdonedonedone
PostCSSdonedonedone
Working with APIsdonedonedone
Website Buildingdonedonedone
Publishing websitedonedone
Netlifydonedone
Backbonedonedone
jQuerydonedone
Bootstrapdonedone
Stylusdonedone
Open Source Contributiondone
Angular 4done

Learning

StatusYearCourseTutor
In ProgressFeb 2025Web Performance FundamentalsTodd Gardner
In ProgressFeb 2025The Hard Parts of UI DevelopmentWill Sentence
In ProgressDec 2024Full Stack for Frontend EngineersJem Young
CompletedFeb 2025JavaScript: The Hard Parts v2Will Sentence
CompletedJan 2025Web SecuritySteve Kinney
CompletedJan 2025React PerformanceSteve Kinney
CompletedJan 2025Web App AccessibilityMarcy Sutton Todd
CompletedJan 2025Developer Soft Skills and TestingFrancesca Sadikin
CompletedJan 2025Testing FundamentalsSteve Kinney
CompletedJan 2025Introduction to Next.js, v3Scott Moss
CompletedOct 2023Harvard CS50Harvard University
CompletedDec 2022React and TypeScriptSteve Kinney
CompletedNov 2022TypeScript Fundamentals v3Mike North
CompletedNov 2022JavaScript: The New Hard PartsWill Sentence
CompletedSept 2022The Hard Parts of Servers and Node.jsWill Sentence
CompletedSept 2022Understanding TypeScriptMaximilian Schwarzmüller
CompletedMar 2022JavaScript: The Hard PartsWill Sentence
CompletedJan 2022Dotfiles from start to finish-ishPatrick McDonald
CompletedDec 2019Getting Started With ReduxDan Abramov - egghead.io
CompletedDec 2019The Next.js HandbookFlavio Copes
CompletedOct 2019You Don't Know JavaScript: Types & GrammarKyle Simpson
CompletedSept 2019You Don't Know JavaScript: Objects & ClassesKyle Simpson
CompletedJul 2019You Don't Know JavaScript: Scope & ClosureKyle Simpson
CompletedMay 2019Eloquent JavaScriptMarijn Haverbeke
CompletedFeb 2019The Complete JavaScript HandbookFlavio Copes
CompletedJan 2019JavaScript clean code guideRyan McDermott
CompletedAug 2018Front-End Web Developer NanodegreeUdacity - Google Scholarship
CompletedFeb 2018The Beginner's Guide to ReactjsKent C Dodds - egghead.io
CompletedJan 2018Google Developer Challenge Scholarship - Web DeveloperUdacity
Completed2017Workflow Tools for Web DevelopersChristina Truong - Lynda.com
Completed2017Learning Git and GitHubRay Villalobos - Lynda.com
Completed2017CSS Essential Training 3Christina Truong - Lynda.com
Completed2017CSS Essential Training 2Christina Truong - Lynda.com
Completed2017Getting Your Website OnlineChristina Truong - Lynda.com
Completed2017Learn Enough Command Line to Be DangerousMichael Hartl
Completed2017Basic Front End Development ProjectsFree Code Camp
Completed2017The Web Developer Bootcamp - Frond EndColt Steele - Udemy
In ProgressJavaScript and React for DevelopersCassidy Williams - Udemy
In ProgressFront End DevelopmentFree Code Camp
In ProgressJavaScript30Wes Bos
SoonRead JavaScript: The Good PartsDouglas Crockford

Paths

Paths with multiple resourcesAuthor
33 concepts every JavaScript developer should knowLeonardo Maldonado
Best JavaScript books, tutorials, courses & videosReactDOM
Learn to code in 2018Andrei Neagoie
Get Job ready - JavaScript EditionP1xt
Full Stack Web Developer PathShovan Chatterjee

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'"Things Real Developers Do: My Bucket List"

  • Open the computer’s terminal
  • Use a text editor (bonus points if you have a specific reason for choosing it)
  • Use some keyboard shortcuts
  • Write tests for your code
  • Help another web developer with something they’re having trouble with
  • Attend an event about web development
  • Follow developers you admire on social media
  • Read a book about coding
  • Open your browser console
  • Get data from an API
  • Hide API keys from the public
  • Post a question on Stack Overflow
  • Push code to GitHub or GitLab or BitBucket
  • Speak about something web development-related at an event
  • Complete a technical interview
  • Participate in a hackathon
  • Deploy a project
  • Ship your project to a store
  • Contribute to open source
  • Get paid to code
  • 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 or get in touch


Acknowledgments

This has been partly inspired by Shovan Chatterjee and his wonderful Full Stack Web Developer Path project. And of course by Alexander Kallaway's very motivational #100DaysOfCode challenge and the great and supportive community around it.

License

MIT License

About

Keeping track of my web development skills and learning in one place along with resources, highlights, interests, and everything to do with my learning.

Resources

Stars

375 stars

Watchers

20 watching

Forks

Releases

Packages

Used by

Contributors

Languages