Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/adamceggrid/javascript-learning-project
This repository contains my notes, code examples, exercises, and projects from different JavaScript courses.
https://github.com/adamceggrid/javascript-learning-project
javascript js
Last synced: about 1 month ago
JSON representation
This repository contains my notes, code examples, exercises, and projects from different JavaScript courses.
- Host: GitHub
- URL: https://github.com/adamceggrid/javascript-learning-project
- Owner: AdamCegGrid
- Created: 2024-10-08T06:48:15.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-10-17T09:43:18.000Z (2 months ago)
- Last Synced: 2024-10-20T11:03:45.420Z (2 months ago)
- Topics: javascript, js
- Language: JavaScript
- Homepage:
- Size: 5.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[](https://www.javascript.com/)
[](https://www.ecma-international.org/)
[](https://stackoverflow.com/questions/tagged/javascript)
## Introduction
This repository contains my notes, code examples, exercises, and projects from different JavaScript courses. It's a way for me to consolidate everything I'm learning in one place and make it easier to review and build upon my knowledge.
## Courses and Resources
Here are some of the courses and resources I am using:
1. **Course_1**: JavaScript Basics for Beginners - English
- Instructor: Mosh Hamedani
- Platform: [Udemy.com](https://www.udemy.com/course/javascript-basics-for-beginners)
2. **Course_2**: Asynchronous JavaScript: Promises, Callbacks, Async Await - English
- Instructor: Viktor Pyskunov
- Platform: [Udemy.com](https://www.udemy.com/course/asynchronous-javascript-promises-callbacks-async-await)
3. **Course_3**: The Complete JavaScript Course 2024: From Zero to Expert! - English
- Instructor: Jonas Schmedtmann
- Platform: [Udemy.com](https://www.udemy.com/course/the-complete-javascript-course/)
4. **Course_4**: Practical JavaScript course from the basis - Polish
- Instructor: Jakub Kozera
- Platform: [Udemy.com](https://www.udemy.com/course/praktyczny-kurs-javascript/)
5. **Course_5**: 10 projects in pure JavaScript - Polish
- Instructor: Mateusz Maj
- Platform: [Udemy.com](https://www.udemy.com/course/10-projektow-w-czystym-javascript-cz-1/)
6. **Course_6**: Programming in JavaScript from Zero to Master - Polish
- Instructor: Kuba Wąsikowski
- Platform: [Udemy.com](https://www.udemy.com/course/kurs-programowanie-w-javascript-od-zera-do-mastera/)
7. **Course_7**: Course JavaScript - Polish
- Instructor: Kanał o Wszystkim
- Platform: [Youtube](https://www.youtube.com/watch?v=Y5NpcJOM99A&list=PL6aekdNhY7DAnIsg_OoPaxB5kJV0pUJ99)
## Folder Structure
The repository is organized as follows:
```
/JavaScript-learning-project
├── .vscode/
│ └── launch.json
├── Course_1/
│ ├── Course-Lessons/
│ └── Practice-Exercises/
├── Course_2/
│ ├── Course-Lessons/
│ └── Practice-Exercises/
├── Course_3/
│ ├── Course-Lessons/
│ └── Practice-Exercises/
├── Course_4/
│ ├── Course-Lessons/
│ └── Practice-Exercises/
├── Course_5/
│ ├── Course-Lessons/
│ └── Practice-Exercises/
├── Course_6/
│ ├── Course-Lessons/
│ └── Practice-Exercises/
├── Course_7/
│ ├── Course-Lessons/
│ └── Practice-Exercises/
├── tips/
├── .prettierrc.json
├── .gitignore
├── .prettierignore
├── .eslint.config.mjs
├── package-lock.json
├── package.json
└── README.md
```
## Installation
- Instal [Node.js](https://nodejs.org/en)
- Project Initialization
```js
npm install
```
- ESLint Installation
```js
npm install eslint --save-dev
```
- Configuration
```js
npm init @eslint/config
```
- Prettier Installation
```js
npm install --save-dev --save-exact prettier
```
- Add file `.prettierignore` :
```
package-lock.json
README.md
```
- Add Prettier rule `.prettierrc.json` :
```json
{
"singleQuote": true
}
```
- Run formatting with Prettier `npx prettier --write .`
- Linking Prettier with ESLint `npm install --save-dev eslint-config-prettier`
## Tutorials
- [JavaScript Unit Testing, The Practical Guide - Udemy](https://www.udemy.com/course/javascript-unit-testing-the-practical-guide/)
- [The Modern JavaScript Tutorial](https://javascript.info/)
- [Learn JavaScript Full Course for Beginners - YouTube](https://www.youtube.com/watch?v=PkZNo7MFNFg&list=PLWKjhJtqVAbleDe3_ZA8h3AO2rXar-q2V)
- [What is JavaScript - YouTube](https://www.youtube.com/watch?v=upDLs1sn7g4&list=PLTjRvDozrdlxEIuOBZkMAK5uiqp8rHUax&index=1)
- [JavaScript Full Course for free - YouTube](https://www.youtube.com/watch?v=8dWL3wF_OMw)
- [Modern JavaScript Tutorial - YouTube](https://www.youtube.com/watch?v=iWOYAxlnaww&list=PL4cUxeGkcC9haFPT7J25Q9GRB_ZkFrQAc)
- [JavaScript Unit Testing, The Practical Guide - Udemy](https://www.udemy.com/course/javascript-unit-testing-the-practical-guide/)
- [Repository for the Linkedin Learning course: JavaScript Essential Training - GitHub](https://github.com/LinkedInLearning/javascript-essential-training-2832077)
- [Document Object Model (DOM)](https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model)
- :poland: [Kurs JavaScript dla superbohaterów](https://kursjs.pl/)
- :poland: [Kurs JavaScript Pasja informatyki - YouTube]()
- :poland: [Kurs JavaScript od podstaw krok po kroku 7h - YouTube](https://www.youtube.com/watch?v=Jq87JwsbG_E&t=13635s)
- :poland: [JavaScript, przykładowe zadania na rozmowie technicznej - YouTube](https://www.youtube.com/watch?v=66Bv86S0G4A)
- :poland: [ESLint, Prettier i VS Code - YouTube](https://www.youtube.com/watch?v=u2yUxhzpht4)
- :poland: [ESlint, Prettier, Husky - YouTube](https://www.youtube.com/watch?v=aXCkPGueaGY&list=PLvFBbkSgL1u7Bco8ewGnWeZpjRH-bHC_7&index=3&t=302s)
## Useful sites
- [codewars](https://www.codewars.com/users/AdamCegielka)
- [HackerRank](https://www.hackerrank.com/dashboard)
- [LeetCode](https://leetcode.com/)
- [Codepen.io](https://codepen.io/pen/?editors=0012)
- [Scrimba.com](https://scrimba.com/)
- [w3schools](https://my-learning.w3schools.com/tutorial/js)
### Author
Author: [Adam Cegiełka](https://github.com/adamcegielka)
Happy JavaScript Learning!
---
Feel free to explore the materials and track my journey in learning JavaScript. If you have any suggestions or tips, feel free to reach out!