BranchesTags

Repository files navigation

Course Material and FAQ for my Complete JavaScript Course

This repo contains starter files and the finished project files for all the projects contained in the course.

Plus, I made all the course slides available for download, to make it easier to follow along the conceptual videos.

👇 Please read the following Frequently Asked Questions (FAQ) carefully before starting the course 👇

FAQ

Q1: How do I download the files?

A: If you're new to GitHub and just want to download the complete package, hit the green button saying "Clone or download", choose the "Download ZIP" option, and you're good to go.

Q2: I'm stuck in one of the projects. Where do I get help?

A: Have you extensively tried fixing the problem on your own? If you failed at fixing it, please post a detailled description of the problem to the Q&A area of that video over at Udemy, along with a codepen containing your code. You will get help as fast as possible! Please don't send me a personal message or email to fix coding problems.

Q3: Brackets shows me errors, but my code works. Why is that?

A: These are not errors in your code, and you can simply ignore them (they just come from so-called linters that are not correctly set up).

Q4: You keep mentioning your resources page. Where can I find it?

A: It's on my website at http://codingheroes.io/resources. You can subscribe for updates 😉

Q5: What Brackets and VSCode themes are you using?

A: I use the theme "OS X Style | Flat & Dark" in Brackets and "Oceanic Next (dimmed bg)" in VSCode. Here is the complete setup.

Q6: Can I see a final version of the course projects?

A: Sure, I have an online version of all three. Here they are: Pig Game (DOM manipulation), Budgety (advanced JavaScript) and Forkify (modern JavaScript and AJAX).

Q7: Videos don't load, can you fix it?

A: Unfortunately, there is nothing I can do about it. The course is hosted on Udemy's platform, and sometimes they have small technical issues like this one. Please just come back a bit later or contact their support team.

Q8: Videos are blurred / have low quality, can you fix it?

A: Please open video settings and change the quality from 'Auto' to another value, for example 720p. If that doesn't help, please contact the Udemy support team.

Q9: Are the videos downloadable?

A: Yes, I made all videos downloadable on the Udemy platform so you can learn even without an internet connection. To download a video, use the settings icon in the right bottom corner of the video player.

Q10: I love your courses and want to get updates on new courses. How?

A: First, you can subscribe to my email list at my website. Plus, I make important announcements on twitter @jonasschmedtman, so you should definitely follow me there 🔥

Q11: How do I get my certificate of completion?

A: A certificate of completion is provided by Udemy after you complete 100% of the course. After completing the course, just click on the "Your progress" indicator in the top right-hand corner of the course page. If you want to change your name on the certificate, please contact the Udemy support team.

Q12: Do you accept pull requests?

A: No, for the simple reason that I want this repository to contain the exact same code that is shown in the videos. However, please feel free to add an issue if you found one.

About

Starter files, final projects and FAQ for my Complete JavaScript course

www.udemy.com/the-complete-javascript-course/?couponCode=C3GITHUB10

Resources

Readme
Activity

Stars

1 star

Watchers

0 watching

Forks

0 forks
Report repository

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all 
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n 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;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '

Skip to content
BranchesTags
Repository files navigation
Course Material and FAQ for my Complete JavaScript Course
This repo contains starter files and the finished project files for all the projects contained in the course.
Plus, I made all the course slides available for download, to make it easier to follow along the conceptual videos.
👇 Please read the following Frequently Asked Questions (FAQ) carefully before starting the course 👇
FAQ
Q1: How do I download the files?
A: If you're new to GitHub and just want to download the complete package, hit the green button saying "Clone or download", choose the "Download ZIP" option, and you're good to go.
Q2: I'm stuck in one of the projects. Where do I get help?
A: Have you extensively tried fixing the problem on your own? If you failed at fixing it, please post a detailled description of the problem to the Q&A area of that video over at Udemy, along with a codepen containing your code. You will get help as fast as possible! Please don't send me a personal message or email to fix coding problems.
Q3: Brackets shows me errors, but my code works. Why is that?
A: These are not errors in your code, and you can simply ignore them (they just come from so-called linters that are not correctly set up).
Q4: You keep mentioning your resources page. Where can I find it?
A: It's on my website at http://codingheroes.io/resources. You can subscribe for updates 😉
Q5: What Brackets and VSCode themes are you using?
A: I use the theme "OS X Style | Flat & Dark" in Brackets and "Oceanic Next (dimmed bg)" in VSCode. Here is the complete setup.
Q6: Can I see a final version of the course projects?
A: Sure, I have an online version of all three. Here they are: Pig Game (DOM manipulation), Budgety (advanced JavaScript) and Forkify (modern JavaScript and AJAX).
Q7: Videos don't load, can you fix it?
A: Unfortunately, there is nothing I can do about it. The course is hosted on Udemy's platform, and sometimes they have small technical issues like this one. Please just come back a bit later or contact their support team.
Q8: Videos are blurred / have low quality, can you fix it?
A: Please open video settings and change the quality from 'Auto' to another value, for example 720p. If that doesn't help, please contact the Udemy support team.
Q9: Are the videos downloadable?
A: Yes, I made all videos downloadable on the Udemy platform so you can learn even without an internet connection. To download a video, use the settings icon in the right bottom corner of the video player.
Q10: I love your courses and want to get updates on new courses. How?
A: First, you can subscribe to my email list at my website. Plus, I make important announcements on twitter @jonasschmedtman, so you should definitely follow me there 🔥
Q11: How do I get my certificate of completion?
A: A certificate of completion is provided by Udemy after you complete 100% of the course. After completing the course, just click on the "Your progress" indicator in the top right-hand corner of the course page. If you want to change your name on the certificate, please contact the Udemy support team.
Q12: Do you accept pull requests?
A: No, for the simple reason that I want this repository to contain the exact same code that is shown in the videos. However, please feel free to add an issue if you found one.
About
Starter files, final projects and FAQ for my Complete JavaScript course
www.udemy.com/the-complete-javascript-course/?couponCode=C3GITHUB10
Resources
Readme
Activity
Stars
1 star
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

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

Skip to content
BranchesTags
Repository files navigation
Course Material and FAQ for my Complete JavaScript Course
This repo contains starter files and the finished project files for all the projects contained in the course.
Plus, I made all the course slides available for download, to make it easier to follow along the conceptual videos.
👇 Please read the following Frequently Asked Questions (FAQ) carefully before starting the course 👇
FAQ
Q1: How do I download the files?
A: If you're new to GitHub and just want to download the complete package, hit the green button saying "Clone or download", choose the "Download ZIP" option, and you're good to go.
Q2: I'm stuck in one of the projects. Where do I get help?
A: Have you extensively tried fixing the problem on your own? If you failed at fixing it, please post a detailled description of the problem to the Q&A area of that video over at Udemy, along with a codepen containing your code. You will get help as fast as possible! Please don't send me a personal message or email to fix coding problems.
Q3: Brackets shows me errors, but my code works. Why is that?
A: These are not errors in your code, and you can simply ignore them (they just come from so-called linters that are not correctly set up).
Q4: You keep mentioning your resources page. Where can I find it?
A: It's on my website at http://codingheroes.io/resources. You can subscribe for updates 😉
Q5: What Brackets and VSCode themes are you using?
A: I use the theme "OS X Style | Flat & Dark" in Brackets and "Oceanic Next (dimmed bg)" in VSCode. Here is the complete setup.
Q6: Can I see a final version of the course projects?
A: Sure, I have an online version of all three. Here they are: Pig Game (DOM manipulation), Budgety (advanced JavaScript) and Forkify (modern JavaScript and AJAX).
Q7: Videos don't load, can you fix it?
A: Unfortunately, there is nothing I can do about it. The course is hosted on Udemy's platform, and sometimes they have small technical issues like this one. Please just come back a bit later or contact their support team.
Q8: Videos are blurred / have low quality, can you fix it?
A: Please open video settings and change the quality from 'Auto' to another value, for example 720p. If that doesn't help, please contact the Udemy support team.
Q9: Are the videos downloadable?
A: Yes, I made all videos downloadable on the Udemy platform so you can learn even without an internet connection. To download a video, use the settings icon in the right bottom corner of the video player.
Q10: I love your courses and want to get updates on new courses. How?
A: First, you can subscribe to my email list at my website. Plus, I make important announcements on twitter @jonasschmedtman, so you should definitely follow me there 🔥
Q11: How do I get my certificate of completion?
A: A certificate of completion is provided by Udemy after you complete 100% of the course. After completing the course, just click on the "Your progress" indicator in the top right-hand corner of the course page. If you want to change your name on the certificate, please contact the Udemy support team.
Q12: Do you accept pull requests?
A: No, for the simple reason that I want this repository to contain the exact same code that is shown in the videos. However, please feel free to add an issue if you found one.
About
Starter files, final projects and FAQ for my Complete JavaScript course
www.udemy.com/the-complete-javascript-course/?couponCode=C3GITHUB10
Resources
Readme
Activity
Stars
1 star
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

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

Skip to content
BranchesTags
Repository files navigation
Course Material and FAQ for my Complete JavaScript Course
This repo contains starter files and the finished project files for all the projects contained in the course.
Plus, I made all the course slides available for download, to make it easier to follow along the conceptual videos.
👇 Please read the following Frequently Asked Questions (FAQ) carefully before starting the course 👇
FAQ
Q1: How do I download the files?
A: If you're new to GitHub and just want to download the complete package, hit the green button saying "Clone or download", choose the "Download ZIP" option, and you're good to go.
Q2: I'm stuck in one of the projects. Where do I get help?
A: Have you extensively tried fixing the problem on your own? If you failed at fixing it, please post a detailled description of the problem to the Q&A area of that video over at Udemy, along with a codepen containing your code. You will get help as fast as possible! Please don't send me a personal message or email to fix coding problems.
Q3: Brackets shows me errors, but my code works. Why is that?
A: These are not errors in your code, and you can simply ignore them (they just come from so-called linters that are not correctly set up).
Q4: You keep mentioning your resources page. Where can I find it?
A: It's on my website at http://codingheroes.io/resources. You can subscribe for updates 😉
Q5: What Brackets and VSCode themes are you using?
A: I use the theme "OS X Style | Flat & Dark" in Brackets and "Oceanic Next (dimmed bg)" in VSCode. Here is the complete setup.
Q6: Can I see a final version of the course projects?
A: Sure, I have an online version of all three. Here they are: Pig Game (DOM manipulation), Budgety (advanced JavaScript) and Forkify (modern JavaScript and AJAX).
Q7: Videos don't load, can you fix it?
A: Unfortunately, there is nothing I can do about it. The course is hosted on Udemy's platform, and sometimes they have small technical issues like this one. Please just come back a bit later or contact their support team.
Q8: Videos are blurred / have low quality, can you fix it?
A: Please open video settings and change the quality from 'Auto' to another value, for example 720p. If that doesn't help, please contact the Udemy support team.
Q9: Are the videos downloadable?
A: Yes, I made all videos downloadable on the Udemy platform so you can learn even without an internet connection. To download a video, use the settings icon in the right bottom corner of the video player.
Q10: I love your courses and want to get updates on new courses. How?
A: First, you can subscribe to my email list at my website. Plus, I make important announcements on twitter @jonasschmedtman, so you should definitely follow me there 🔥
Q11: How do I get my certificate of completion?
A: A certificate of completion is provided by Udemy after you complete 100% of the course. After completing the course, just click on the "Your progress" indicator in the top right-hand corner of the course page. If you want to change your name on the certificate, please contact the Udemy support team.
Q12: Do you accept pull requests?
A: No, for the simple reason that I want this repository to contain the exact same code that is shown in the videos. However, please feel free to add an issue if you found one.
About
Starter files, final projects and FAQ for my Complete JavaScript course
www.udemy.com/the-complete-javascript-course/?couponCode=C3GITHUB10
Resources
Readme
Activity
Stars
1 star
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

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

Skip to content
BranchesTags
Repository files navigation
Course Material and FAQ for my Complete JavaScript Course
This repo contains starter files and the finished project files for all the projects contained in the course.
Plus, I made all the course slides available for download, to make it easier to follow along the conceptual videos.
👇 Please read the following Frequently Asked Questions (FAQ) carefully before starting the course 👇
FAQ
Q1: How do I download the files?
A: If you're new to GitHub and just want to download the complete package, hit the green button saying "Clone or download", choose the "Download ZIP" option, and you're good to go.
Q2: I'm stuck in one of the projects. Where do I get help?
A: Have you extensively tried fixing the problem on your own? If you failed at fixing it, please post a detailled description of the problem to the Q&A area of that video over at Udemy, along with a codepen containing your code. You will get help as fast as possible! Please don't send me a personal message or email to fix coding problems.
Q3: Brackets shows me errors, but my code works. Why is that?
A: These are not errors in your code, and you can simply ignore them (they just come from so-called linters that are not correctly set up).
Q4: You keep mentioning your resources page. Where can I find it?
A: It's on my website at http://codingheroes.io/resources. You can subscribe for updates 😉
Q5: What Brackets and VSCode themes are you using?
A: I use the theme "OS X Style | Flat & Dark" in Brackets and "Oceanic Next (dimmed bg)" in VSCode. Here is the complete setup.
Q6: Can I see a final version of the course projects?
A: Sure, I have an online version of all three. Here they are: Pig Game (DOM manipulation), Budgety (advanced JavaScript) and Forkify (modern JavaScript and AJAX).
Q7: Videos don't load, can you fix it?
A: Unfortunately, there is nothing I can do about it. The course is hosted on Udemy's platform, and sometimes they have small technical issues like this one. Please just come back a bit later or contact their support team.
Q8: Videos are blurred / have low quality, can you fix it?
A: Please open video settings and change the quality from 'Auto' to another value, for example 720p. If that doesn't help, please contact the Udemy support team.
Q9: Are the videos downloadable?
A: Yes, I made all videos downloadable on the Udemy platform so you can learn even without an internet connection. To download a video, use the settings icon in the right bottom corner of the video player.
Q10: I love your courses and want to get updates on new courses. How?
A: First, you can subscribe to my email list at my website. Plus, I make important announcements on twitter @jonasschmedtman, so you should definitely follow me there 🔥
Q11: How do I get my certificate of completion?
A: A certificate of completion is provided by Udemy after you complete 100% of the course. After completing the course, just click on the "Your progress" indicator in the top right-hand corner of the course page. If you want to change your name on the certificate, please contact the Udemy support team.
Q12: Do you accept pull requests?
A: No, for the simple reason that I want this repository to contain the exact same code that is shown in the videos. However, please feel free to add an issue if you found one.
About
Starter files, final projects and FAQ for my Complete JavaScript course
www.udemy.com/the-complete-javascript-course/?couponCode=C3GITHUB10
Resources
Readme
Activity
Stars
1 star
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

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

Skip to content
BranchesTags
Repository files navigation
Course Material and FAQ for my Complete JavaScript Course
This repo contains starter files and the finished project files for all the projects contained in the course.
Plus, I made all the course slides available for download, to make it easier to follow along the conceptual videos.
👇 Please read the following Frequently Asked Questions (FAQ) carefully before starting the course 👇
FAQ
Q1: How do I download the files?
A: If you're new to GitHub and just want to download the complete package, hit the green button saying "Clone or download", choose the "Download ZIP" option, and you're good to go.
Q2: I'm stuck in one of the projects. Where do I get help?
A: Have you extensively tried fixing the problem on your own? If you failed at fixing it, please post a detailled description of the problem to the Q&A area of that video over at Udemy, along with a codepen containing your code. You will get help as fast as possible! Please don't send me a personal message or email to fix coding problems.
Q3: Brackets shows me errors, but my code works. Why is that?
A: These are not errors in your code, and you can simply ignore them (they just come from so-called linters that are not correctly set up).
Q4: You keep mentioning your resources page. Where can I find it?
A: It's on my website at http://codingheroes.io/resources. You can subscribe for updates 😉
Q5: What Brackets and VSCode themes are you using?
A: I use the theme "OS X Style | Flat & Dark" in Brackets and "Oceanic Next (dimmed bg)" in VSCode. Here is the complete setup.
Q6: Can I see a final version of the course projects?
A: Sure, I have an online version of all three. Here they are: Pig Game (DOM manipulation), Budgety (advanced JavaScript) and Forkify (modern JavaScript and AJAX).
Q7: Videos don't load, can you fix it?
A: Unfortunately, there is nothing I can do about it. The course is hosted on Udemy's platform, and sometimes they have small technical issues like this one. Please just come back a bit later or contact their support team.
Q8: Videos are blurred / have low quality, can you fix it?
A: Please open video settings and change the quality from 'Auto' to another value, for example 720p. If that doesn't help, please contact the Udemy support team.
Q9: Are the videos downloadable?
A: Yes, I made all videos downloadable on the Udemy platform so you can learn even without an internet connection. To download a video, use the settings icon in the right bottom corner of the video player.
Q10: I love your courses and want to get updates on new courses. How?
A: First, you can subscribe to my email list at my website. Plus, I make important announcements on twitter @jonasschmedtman, so you should definitely follow me there 🔥
Q11: How do I get my certificate of completion?
A: A certificate of completion is provided by Udemy after you complete 100% of the course. After completing the course, just click on the "Your progress" indicator in the top right-hand corner of the course page. If you want to change your name on the certificate, please contact the Udemy support team.
Q12: Do you accept pull requests?
A: No, for the simple reason that I want this repository to contain the exact same code that is shown in the videos. However, please feel free to add an issue if you found one.
About
Starter files, final projects and FAQ for my Complete JavaScript course
www.udemy.com/the-complete-javascript-course/?couponCode=C3GITHUB10
Resources
Readme
Activity
Stars
1 star
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

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

Skip to content
BranchesTags
Repository files navigation
Course Material and FAQ for my Complete JavaScript Course
This repo contains starter files and the finished project files for all the projects contained in the course.
Plus, I made all the course slides available for download, to make it easier to follow along the conceptual videos.
👇 Please read the following Frequently Asked Questions (FAQ) carefully before starting the course 👇
FAQ
Q1: How do I download the files?
A: If you're new to GitHub and just want to download the complete package, hit the green button saying "Clone or download", choose the "Download ZIP" option, and you're good to go.
Q2: I'm stuck in one of the projects. Where do I get help?
A: Have you extensively tried fixing the problem on your own? If you failed at fixing it, please post a detailled description of the problem to the Q&A area of that video over at Udemy, along with a codepen containing your code. You will get help as fast as possible! Please don't send me a personal message or email to fix coding problems.
Q3: Brackets shows me errors, but my code works. Why is that?
A: These are not errors in your code, and you can simply ignore them (they just come from so-called linters that are not correctly set up).
Q4: You keep mentioning your resources page. Where can I find it?
A: It's on my website at http://codingheroes.io/resources. You can subscribe for updates 😉
Q5: What Brackets and VSCode themes are you using?
A: I use the theme "OS X Style | Flat & Dark" in Brackets and "Oceanic Next (dimmed bg)" in VSCode. Here is the complete setup.
Q6: Can I see a final version of the course projects?
A: Sure, I have an online version of all three. Here they are: Pig Game (DOM manipulation), Budgety (advanced JavaScript) and Forkify (modern JavaScript and AJAX).
Q7: Videos don't load, can you fix it?
A: Unfortunately, there is nothing I can do about it. The course is hosted on Udemy's platform, and sometimes they have small technical issues like this one. Please just come back a bit later or contact their support team.
Q8: Videos are blurred / have low quality, can you fix it?
A: Please open video settings and change the quality from 'Auto' to another value, for example 720p. If that doesn't help, please contact the Udemy support team.
Q9: Are the videos downloadable?
A: Yes, I made all videos downloadable on the Udemy platform so you can learn even without an internet connection. To download a video, use the settings icon in the right bottom corner of the video player.
Q10: I love your courses and want to get updates on new courses. How?
A: First, you can subscribe to my email list at my website. Plus, I make important announcements on twitter @jonasschmedtman, so you should definitely follow me there 🔥
Q11: How do I get my certificate of completion?
A: A certificate of completion is provided by Udemy after you complete 100% of the course. After completing the course, just click on the "Your progress" indicator in the top right-hand corner of the course page. If you want to change your name on the certificate, please contact the Udemy support team.
Q12: Do you accept pull requests?
A: No, for the simple reason that I want this repository to contain the exact same code that is shown in the videos. However, please feel free to add an issue if you found one.
About
Starter files, final projects and FAQ for my Complete JavaScript course
www.udemy.com/the-complete-javascript-course/?couponCode=C3GITHUB10
Resources
Readme
Activity
Stars
1 star
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

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

Skip to content
BranchesTags
Repository files navigation
Course Material and FAQ for my Complete JavaScript Course
This repo contains starter files and the finished project files for all the projects contained in the course.
Plus, I made all the course slides available for download, to make it easier to follow along the conceptual videos.
👇 Please read the following Frequently Asked Questions (FAQ) carefully before starting the course 👇
FAQ
Q1: How do I download the files?
A: If you're new to GitHub and just want to download the complete package, hit the green button saying "Clone or download", choose the "Download ZIP" option, and you're good to go.
Q2: I'm stuck in one of the projects. Where do I get help?
A: Have you extensively tried fixing the problem on your own? If you failed at fixing it, please post a detailled description of the problem to the Q&A area of that video over at Udemy, along with a codepen containing your code. You will get help as fast as possible! Please don't send me a personal message or email to fix coding problems.
Q3: Brackets shows me errors, but my code works. Why is that?
A: These are not errors in your code, and you can simply ignore them (they just come from so-called linters that are not correctly set up).
Q4: You keep mentioning your resources page. Where can I find it?
A: It's on my website at http://codingheroes.io/resources. You can subscribe for updates 😉
Q5: What Brackets and VSCode themes are you using?
A: I use the theme "OS X Style | Flat & Dark" in Brackets and "Oceanic Next (dimmed bg)" in VSCode. Here is the complete setup.
Q6: Can I see a final version of the course projects?
A: Sure, I have an online version of all three. Here they are: Pig Game (DOM manipulation), Budgety (advanced JavaScript) and Forkify (modern JavaScript and AJAX).
Q7: Videos don't load, can you fix it?
A: Unfortunately, there is nothing I can do about it. The course is hosted on Udemy's platform, and sometimes they have small technical issues like this one. Please just come back a bit later or contact their support team.
Q8: Videos are blurred / have low quality, can you fix it?
A: Please open video settings and change the quality from 'Auto' to another value, for example 720p. If that doesn't help, please contact the Udemy support team.
Q9: Are the videos downloadable?
A: Yes, I made all videos downloadable on the Udemy platform so you can learn even without an internet connection. To download a video, use the settings icon in the right bottom corner of the video player.
Q10: I love your courses and want to get updates on new courses. How?
A: First, you can subscribe to my email list at my website. Plus, I make important announcements on twitter @jonasschmedtman, so you should definitely follow me there 🔥
Q11: How do I get my certificate of completion?
A: A certificate of completion is provided by Udemy after you complete 100% of the course. After completing the course, just click on the "Your progress" indicator in the top right-hand corner of the course page. If you want to change your name on the certificate, please contact the Udemy support team.
Q12: Do you accept pull requests?
A: No, for the simple reason that I want this repository to contain the exact same code that is shown in the videos. However, please feel free to add an issue if you found one.
About
Starter files, final projects and FAQ for my Complete JavaScript course
www.udemy.com/the-complete-javascript-course/?couponCode=C3GITHUB10
Resources
Readme
Activity
Stars
1 star
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages