Course Overview

# JavaScript Advanced

---

## Overview
            * Focus track topics
            * Slides
            * Repository
            * Schedule
            * Additional Resources

---

## Focus track topics
            * [npm](./npm.html)
            * [ES6 repetition](./es6.html)
            * [React](./react.html)
            * [React Project](https://github.com/Powercoders-International/focus-track-javascript-advanced/blob/main/projects/frontend/README.md)
            * [Node.js](./nodejs.html)
            * [webpack](./webpack.html)
            * [Fullstack Project](https://github.com/Powercoders-International/focus-track-javascript-advanced/blob/main/projects/fullstack/README.md)

---

## Slides
 * Link to the slides: https://js-track.powercoders.org

---

## Repository
 * Link to the repository: https://github.com/Powercoders-International/focus-track-javascript-advanced
 * Fork and clone the repository for the exercises

---

## Schedule
 * Link to the planned schedule: https://powercoders.org/ql/js-track

---

## Additional Resources-1
 * Roadmap: https://roadmap.sh/frontend
 * Testing in JS: https://www.youtube.com/watch?v=7r4xVDI2vho
 https://frontendmasters.com/courses/testing-practices-principles/
 You can also check how testing is solved for the focus track repository here:
 https://github.com/dwin94/focus-track-javascript-advanced/blob/main/es6/exercise.test.js

---
 
 ## Additional Resources-2
 * Testing in React: https://youtube.com/playlist?list=PL4cUxeGkcC9gm4_-5UsNmLqMosM-dzuvQ
 * SASS: https://frontendmasters.com/courses/sass/
 https://www.youtube.com/watch?v=Zz6eOVaaelI

---
 
 ## Additional Resources-3
 * CSS Advanced: https://www.samanthaming.com/tidbits/4-declaring-css-variables/
 https://www.smashingmagazine.com/2021/05/complete-guide-css-container-queries/
 https://www.joshwcomeau.com/animation/css-transitions/
 https://blog.logrocket.com/5-new-css-features-you-can-already-test/

---

## Additional Resources-4 
 * PWA (Progressive Web Apps): https://www.youtube.com/watch?v=sFsRylCQblw
 https://medium.com/codingthesmartway-com-blog/getting-started-with-progressive-web-apps-pwa-ab05bcc25bfd
 * Mobile Development: https://frontendmasters.com/courses/react-native-v2/
 https://www.youtube.com/watch?v=qSRrxpdMpVc
 
 ---

## Additional Resources-5
 * OWASP / Security: https://www.youtube.com/watch?v=mfl00qDDiS0
 https://owasp.org/www-pdf-archive/OWASP_Top_10-2017_%28en%29.pdf.pdf
 https://frontendmasters.com/courses/web-security/
 * TypeScript: https://frontendmasters.com/courses/typescript-v3/
 https://www.youtube.com/watch?v=BwuLxPH8IDs

---
 
 ## Additional Resources-6
 * Desing: https://frontendmasters.com/courses/design-for-developers/
 * Databases: https://www.youtube.com/watch?v=wR0jg0eQsZA
 https://www.youtube.com/watch?v=vjf774RKrLc