diff --git a/images/day-1.png b/images/day-1.png deleted file mode 100644 index 98a4d29f..00000000 Binary files a/images/day-1.png and /dev/null differ diff --git a/images/day_1.png b/images/day_1.png new file mode 100644 index 00000000..7daf57f7 Binary files /dev/null and b/images/day_1.png differ diff --git a/images/google-chrome.png b/images/google-chrome.png deleted file mode 100644 index 5d66d13d..00000000 Binary files a/images/google-chrome.png and /dev/null differ diff --git a/images/google_chrome.png b/images/google_chrome.png new file mode 100644 index 00000000..af06acde Binary files /dev/null and b/images/google_chrome.png differ diff --git a/images/js_code_on_chrome_console.png b/images/js_code_on_chrome_console.png index 24a67d8d..7d6002c9 100644 Binary files a/images/js_code_on_chrome_console.png and b/images/js_code_on_chrome_console.png differ diff --git a/images/opening_chrome_console_shortcut.png b/images/opening_chrome_console_shortcut.png index bae212f3..eace03f0 100644 Binary files a/images/opening_chrome_console_shortcut.png and b/images/opening_chrome_console_shortcut.png differ diff --git a/images/opening_developer_tool.png b/images/opening_developer_tool.png index 4d32e7ab..6eb33ddb 100644 Binary files a/images/opening_developer_tool.png and b/images/opening_developer_tool.png differ diff --git a/readMe.md b/readMe.md index 8b07b44f..259e75c4 100644 --- a/readMe.md +++ b/readMe.md @@ -40,7 +40,7 @@ # Introduction **Congratulations** for deciding to participate in a 30 days of JavaScript programming challenge . In this challenge you will learn everything you need to be a JavaScript programmer and in general the whole concepts of programming. In the end of the challenge you will get a 30DaysOfJavaScript programming challenge certificate. Join the [telegram group](https://t.me/ThirtyDaysOfJavaScript). -**A 30DaysOfJavaScript** is a guide for both beginners and advanced JavaScript developers. Welcome to JavaScript. JavaScript is the language of the browser. +**A 30DaysOfJavaScript** challenge is a guide for both beginners and advanced JavaScript developers. Welcome to JavaScript. I enjoy using and teaching JavaScript and I hope you will do so. JavaScript is the language of the browser. In this step by step tutorial, you will learn JavaScript, the most popular programming language in the history of mankind. You use JavaScript **_to add interactivity to websites, to develop mobile apps, desktop applications, games_** and nowadays JavaScript can be used for **_machine learning_** and **_AI_**. @@ -56,7 +56,7 @@ No prior knowledge of programming is required to follow this challenge. You need 5. Code Editor # Setup -I believe you have the motivation, computer and internet. +I believe you have the motivation and a strong desire to be a developer, computer and internet. If you have those you have everything. ## Install Node.js You may not need it right now but you may need it for later. Install [node.js](https://nodejs.org/en/). @@ -67,7 +67,7 @@ After downloading double click and install ![Install node](images/install_node.png) -We can check if node is installed in our machine by opening our device terminal or command prompt. +We can check if node is installed in our local machine by opening our device terminal or command prompt. ```sh asabeneh $ node -v @@ -78,9 +78,12 @@ I am using node version 12.14.0 which is the recommended version of node. ## Browser There are many browsers out there but I strongly recommend Google Chrome. ### Installing Google Chrome -Install [google chrome](https://www.google.com/chrome/) if you do not have one yet. We can write small JavaScript code on the browser console but we can not use the browser console to develop applications. +Install [google chrome](https://www.google.com/chrome/) if you do not have one yet. We can write small JavaScript code on the browser console but we do not use the browser console to develop applications. + +![Google Chrome](images/google_chrome.png) + ### Opening Google Chrome Console -You can open the google chrome either by clicking three dots at the top right corner of chrome or using short cut. I prefer short cuts. +You can open the google chrome either by clicking three dots at the top right corner of chrome browser or using a shortcut. I prefer using shortcuts. ![Opening chrome](images/opening_developer_tool.png) @@ -109,7 +112,7 @@ Windows: Ctl+Shift+I ``` #### Console.log -To write our first JavaScript code we used a builtin function **console.log()**. We passed an argument as an input data and the function display the output. We passed 'Hello, World' as input data or argument in the condole.log() function. +To write our first JavaScript code we used a builtin function **console.log()**. We passed an argument as an input data and the function display the output. We passed 'Hello, World' as input data or argument in the console.log() function. ```js console.log('Hello, World!') ``` @@ -256,7 +259,7 @@ This is how we write internal script most of the time. Writing the JavaScript co ``` Open the browser console to see the out put from the console.log() -![js code from vscode](./imas/js_code_ve) +![js code from vscode](./images/js_code_vscode.png) ## External script Similar to the internal script, the external script link can be on the header or body but it is preferred to put it in the body. @@ -295,7 +298,7 @@ External Script in the body Open the browser console to see the out put from the console.log() ## Multiple External scripts We can link multiple external JavaScript files to a web page. -Create helloword.js file inside 30DaysOfJS folder and write the following code +Create helloworld.js file inside 30DaysOfJS folder and write the following code ```js console.log('Hello, World!') ``` @@ -312,7 +315,7 @@ console.log('Hello, World!')