Skip to content

Commit bb63f5a

Browse files
adamcegielkaadamcegielka
committed
feat: create a project
0 parents  commit bb63f5a

File tree

9 files changed

+142
-0
lines changed

9 files changed

+142
-0
lines changed

‎.github/workflows/.gitkeep

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
#placeholder for empty folder

‎.gitignore

Whitespace-only changes.

‎01_basics/.gitkeep

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
#placeholder for empty folder

‎02_advanced_topics/.gitkeep

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
#placeholder for empty folder

‎README.md

+126
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,126 @@
1+
[![JavaScript/](https://img.shields.io/badge/tested%20with-JavaScript-fcdc00.svg?logo=javascript)](https://www.javascript.com/)
2+
[![ECMAScript](https://img.shields.io/badge/ECMA-Script-F27B10.svg?logo=ECMA)](https://www.ecma-international.org/)
3+
[![Support badge](https://img.shields.io/badge/stackoverflow-JavaScript-fcdc00.svg?logo=stackoverflow)](https://stackoverflow.com/questions/tagged/javascript)
4+
5+
# <img align="center" alt="Logo JavaScript" height="30" width="40" title="JavaScript " src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/javascript/javascript-original.svg"> My JavaScript Learning Journey
6+
7+
## Overview
8+
Welcome to my personal repository dedicated to learning and mastering JavaScript! This is a space where I document my progress, store exercises, projects, and notes as I delve deeper into the world of JavaScript. It's a living record of my learning journey, and I hope it can also serve as a resource for others on a similar path.
9+
10+
## Objective
11+
The primary goal of this repository is to track my progress in learning JavaScript, from the very basics to more advanced concepts. By committing to regular updates and maintaining this repository, I aim to build a solid foundation in JavaScript programming and develop a portfolio of projects and exercises that demonstrate my skills.
12+
13+
## Project structure
14+
15+
```bash
16+
/JavaScript-learning-project
17+
├── .github
18+
│ └── workflows
19+
│ └── .gitkeep
20+
├── 01_basics
21+
│ └── .gitkeep
22+
├── 02_advanced_topics
23+
│ └── .gitkeep
24+
├── exercises
25+
│ └── .gitkeep
26+
├── projects
27+
│ └── project_01
28+
│ └── .gitkeep
29+
├── .eslintrc.json
30+
├── .gitignore
31+
├── .prettierignore
32+
├── .prettierrc.json
33+
└── README.md
34+
```
35+
36+
## Tools and Plugins:
37+
38+
- Software [VS Code IDE installed](https://code.visualstudio.com/)
39+
- VS Code plugins installed:
40+
- [vscode-icons](https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons) - enhances the visual experience by adding icons to files and folders, making navigation easier.
41+
- [JavaScript (ES6) code snippets](https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets) - provides code snippets for JavaScript ES6 syntax, speeding up coding and learning new syntax patterns.
42+
- [ESLint](https://eslint.org/) - a powerful tool to identify and fix problems in JavaScript code, ensuring code quality and consistency.
43+
- [Prettier - Code formatter](https://prettier.io/) - automatically formats code to maintain a consistent style, making it more readable and standardized.
44+
- [GitLens - Git supercharged](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens) - enhances the Git capabilities of VS Code, making it easier to visualize code and navigate through repositories.
45+
- [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - helps in catching common spelling errors, which is crucial for writing clean and professional code.
46+
- [GitHub Actions](https://marketplace.visualstudio.com/items?itemName=GitHub.vscode-github-actions) - used for automating workflows, which can include testing, building, and deploying JavaScript applications.
47+
- [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) - allows for a real-time preview of web pages, making it easier to see the effects of code changes instantly.
48+
49+
## Setup Instructions:
50+
51+
1. Creating a repository on GitHub
52+
- create new project whit **JavaScript-learning-project** name
53+
- `git init`
54+
- `git branch -m master main`
55+
- `git add .`
56+
- `git commit -m "feat: create a project"`
57+
- `git push origin main`
58+
- push an existing repository from the command line:
59+
- `git remote add origin https://github.com/adamcegielka/JavaScript-learning-project.git`
60+
- `git branch -M main`
61+
- `git push -u origin main`
62+
63+
2. Installation ESLint
64+
- install `npm install eslint --save-dev`
65+
- configuration `npm init @eslint/config`
66+
- add prettier in `.eslintrc.json` :
67+
68+
```javascript
69+
"extends": [
70+
"eslint:recommended",
71+
"plugin:@typescript-eslint/recommended",
72+
"prettier"
73+
],
74+
```
75+
76+
3. Installation Prettier
77+
- install Prettier `npm install --save-dev --save-exact prettier`
78+
- add file to project `.prettierignore` :
79+
80+
```javascricpt
81+
README.md
82+
```
83+
84+
- add Prettier rule `.prettierrc.json` :
85+
86+
```javascript
87+
{
88+
"bracketSpacing": true,
89+
"semi": true,
90+
"singleQuote": true,
91+
"tabWidh": 2,
92+
"endOfLine": "lf"
93+
}
94+
```
95+
96+
## Tutorials:
97+
98+
- [w3schools](https://my-learning.w3schools.com/tutorial/js)
99+
- [The Modern JavaScript Tutorial](https://javascript.info/)
100+
- [Learn JavaScript Full Course for Beginners - YouTube](https://www.youtube.com/watch?v=PkZNo7MFNFg&list=PLWKjhJtqVAbleDe3_ZA8h3AO2rXar-q2V)
101+
- [What is JavaScript - YouTube](https://www.youtube.com/watch?v=upDLs1sn7g4&list=PLTjRvDozrdlxEIuOBZkMAK5uiqp8rHUax&index=1)
102+
- [JavaScript Full Course for free - YouTube](https://www.youtube.com/watch?v=8dWL3wF_OMw)
103+
- [Modern JavaScript Tutorial - YouTube](https://www.youtube.com/watch?v=iWOYAxlnaww&list=PL4cUxeGkcC9haFPT7J25Q9GRB_ZkFrQAc)
104+
- [JavaScript Unit Testing, The Practical Guide - Udemy](https://www.udemy.com/course/javascript-unit-testing-the-practical-guide/)
105+
106+
<br>
107+
108+
- :poland: [Kurs JavaScript dla superbohaterów](https://kursjs.pl/)
109+
- :poland: [Kurs JavaScript - YouTube](https://www.youtube.com/watch?v=Y5NpcJOM99A&list=PL6aekdNhY7DAnIsg_OoPaxB5kJV0pUJ99)
110+
- :poland: [Kurs JavaScript Pasja informatyki - YouTube]()
111+
- :poland: [Kurs JavaScript od podstaw krok po kroku 7h - YouTube](https://www.youtube.com/watch?v=Jq87JwsbG_E&t=13635s)
112+
- :poland: [Programowanie w JavaScript od Zera do Mastera - Udemy](https://www.udemy.com/course/kurs-programowanie-w-javascript-od-zera-do-mastera/)
113+
- :poland: [Praktyczny kurs JavaScript od podstaw - Udemy](https://www.udemy.com/course/praktyczny-kurs-javascript/)
114+
- :poland: [10 projektów w czystym JavaScript - Udemy](https://www.udemy.com/course/10-projektow-w-czystym-javascript-cz-1/learn/lecture/18119975?start=0#overview)
115+
116+
## Useful sites:
117+
118+
- [Codepen.io](https://codepen.io/pen/?editors=0012)
119+
- [Scrimba.com](https://scrimba.com/)
120+
- [codewars](https://www.codewars.com/users/AdamCegielka)
121+
- [GitHub](https://github.com/LinkedInLearning/javascript-essential-training-2832077)
122+
123+
### Author
124+
125+
Author: [Adam Cegiełka](https://github.com/adamcegielka)
126+
Happy JavaScript Learning!

‎exercises/.gitkeep

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
#placeholder for empty folder

‎projects/.gitkeep

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
#placeholder for empty folder

‎projects/project_01/.gitkeep

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
#placeholder for empty folder

‎test.js

+10
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
2+
3+
console.log(true || true); // true
4+
console.log(false || false); // false
5+
console.log(true || false); // true
6+
7+
8+
console.log(true && true); // true
9+
console.log(false && false); // false
10+
console.log(true && false); // false

0 commit comments

Comments
 (0)