calc

KEY	ACTION
' + key + '	' + keyboardShortcuts[ key ] + '

+ 1 +

+/-

+ + + + + + diff --git a/Week2/MAKEME-PT2.md b/Week2/MAKEME-PT2.md new file mode 100644 index 000000000..71588c0fc --- /dev/null +++ b/Week2/MAKEME-PT2.md @@ -0,0 +1,28 @@ +## Homework Week 2 + +>[Here](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week2/README.md) you find the readings you have to complete before the third lecture. + +## Step 0: Play a game! +One of the teachers from HackYourFuture made this game that you play by writing Javascript. Try it out! +[Rover The Robot](http://roverjs.com/) + +## Step 1: Practice Javascript + +Make sure you know everything from the FreeCodeCamp course +[CodeAcademy](https://www.codecademy.com/en/tracks/javascript-combined) + +Complete these exercises +* Search Text for Your Name +* Dragon Slayer +* Choose Your Own Adventure 2 +* Contact List +* Building Your Address Book + +## Step 2: Practice Logic + +Sign up to CodeWars to practice your Javascript skills: +[CodeWars](https://www.codewars.com) + +Complete as many challenges as you can. Some of them will be hard but try your best and look at the solutions when you complete them. These exercises are to test your logical skills as well as your Javascript skills. + + diff --git a/Week2/MAKEME.md b/Week2/MAKEME.md index efec8f539..dae6a41d2 100644 --- a/Week2/MAKEME.md +++ b/Week2/MAKEME.md @@ -1,23 +1,18 @@ ## Homework Week 2 ->[Here](https://github.com/HackYourFuture/JavaScript/tree/master/Week2/README.md) you find the readings you have to complete before the third lecture. +>[Here](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week2/README.md) you find the readings you have to complete before the third lecture. -## Step 1: Recap/Read +## Step 1: Watch -- Have a look at [The Secret Life of JavaScript Primitives](https://javascriptweblog.wordpress.com/2010/09/27/the-secret-life-of-javascript-primitives/) -- Go through the review of [last week](https://github.com/HackYourFuture/JavaScript/blob/master/Week1/REVIEW.md) (Work in progress, update this week :wrench:) -- Go through the review of [this week](https://github.com/HackYourFuture/JavaScript/blob/master/Week2/REVIEW.md) (work in progress, update this week :nut_and_bolt:) +1. If you haven't done already, watch: [What is programming](https://www.khanacademy.org/computing/computer-programming/programming/intro-to-programming/v/programming-intro) Just watch the 2 min video, you do not have to do the entire JavaScript course (It could be useful later on though). -## Step 2: Watch +2. If you want a refresher on Functions you should see [this video](https://www.youtube.com/watch?v=5nuqALOHN1M). -1. If you haven't done already, watch: [What is programming](https://www.khanacademy.org/computing/computer-programming/programming/intro-to-programming/v/programming-intro) Just watch the 2 min video, you do not have to do the entire JavaScript course (It could be useful later on though). -2. Please watch the following parts of the course, [Programming Foundations Fundamentals](https://www.lynda.com/Programming-Foundations-tutorials/Welcome/83603/90426-4.html) on Lynda.com (if you don't have access to Lynda yet ask Gijs): -
4. Writing Conditional Code -
5. Modular Code -
6. Iteration: Writing Loops -
7. More About Strings -
8. Collections -
11. When Things Go Wrong +3. If you want a refresher on Objects you should see [this video](https://www.youtube.com/watch?v=mgwiCUpuCxA) + +## Step 2: **Some freeCodeCamp challenges (10 hours):** + +On freeCodeCamp.com please do the [Basic JavaScript](https://www.freecodecamp.org/map) exercises up and until the __"Iterate with JavaScript While Loops"__ exercise (there are some topics we did not cover but you can do it). ## Step 3: JavaScript > For all the following exercises create a new .js file. Try to find a proper name for each file or make a small comment about what it does inside for future reference @@ -26,73 +21,32 @@ 2. Create a function named `colorCar` that receives a color, and prints out, "a red car" for example. (Hint: put it in your file and run it like before.) -3. Create an object and a function that takes the object as a parameter and prints out all of its names and values. - -4. Create a function named `vehicleType` that receives a color, and a code, 1 for car, 2 for motorbike. And prints "a blue motorbike" for example when called as `vehicleType("blue", 2)` +3. Create a function named `vehicleType` that receives a color, and a code, 1 for car, 2 for motorbike. And prints "a blue motorbike" for example when called as `vehicleType("blue", 2)` -5. Can you write the following without the `if` statement, but with just as a single line with `console.log(...);`? +4. Can you write the following without the `if` statement, but with just as a single line with `console.log(...);`? ```js -if (3 == 3) { +if (3 === 3) { console.log("true") } else { console.log("false") } ``` -6. Create a function called `vehicle`, like before, but takes another parameter called age, so that `vehicle("blue", 1, 5)` prints "a blue used car" - -7. Make a list of vehicles, you can add `"motorbike"`, `"caravan"`, `"bike"`, or more. - -8. How do you get the third element from that list? - -9. Change the function `vehicle` to use the list of question 4. So that `vehicle("green", 3, 1)` prints "a green new caravan". - -10. Use the list of vehicles to write an advertisement. So that it prints something like: `"Amazing Joe's Garage, we service cars, motorbikes, caravans and bikes."`. (Hint: use a `for` loop.) +5. Create a function called `vehicle`, like before, but takes another parameter called age, so that + * `vehicle("blue", 1, 2)` prints "a blue used car". + * `vehicle("blue", 1, 1)` prints "a blue new car". -11. What if you add one more vehicle to the list, can you have that added to the advertisement without changing the code for question 7? +6. Make a list of vehicles, you can add `"motorbike"`, `"caravan"`, `"bike"`, or more. -12. Create an empty object +7. How do you get the third element from that list? -13. Create a function that takes two objects as parameters and compares them. You will actually need to write two functions — one that compares with `==` and one that compares with `===`. Remember that objects can have objects inside of them so you'll need to find a way to compare every element of every object (types and values). For example: +8. Change the function `vehicle` to use the list of question 6. So that `vehicle("green", 3, 1)` prints "a green new caravan". -```js - var obj1 = { - a: 1, - b: 'this is the letter b', - c: { foo: 'what is a foo anyway', - bar: [1,2,3,4] - } - } - - var obj2 = { - a: '1', - b: 'this is the letter b', - c: { foo: 'what is a foo anyway', - bar: [1,2,3,4] - } - } -``` - - In our example we'll say that `obj1 == obj2` is `true` and `obj1 === obj2` is `false`. Make sure you can see why before you write any code! - - Note: give this exercise your best shot but don’t spend more than, say, one hour on it. - -14. We saw that we can pass functions as arguments to other functions. Your task is to write a function that takes another function as an argument and runs it. - -```js - function foo(func) { - // What to do here? - } - - function bar() { - console.log('Hello, I am bar!'); - } - - foo(bar); -``` +9. Use the list of vehicles to write an advertisement. So that it prints something like: `"Amazing Joe's Garage, we service cars, motorbikes, caravans and bikes."`. (Hint: use a `for` loop.) +10. What if you add one more vehicle to the list, can you have that added to the advertisement without changing the code for question 9? -15. Write some code to test two arrays for equality using `==` and `===`. Test the following: +11. Write some code to test two arrays for equality using `==` and `===`. Test the following: ```js var x = [1,2,3]; @@ -103,27 +57,8 @@ if (3 == 3) { What do you think will happen with `x == y`, `x === y` and `z == y` and `z == x`? Prove it! > Don't cheat! Seriously - try it first. - - -Check out this [Fiddle](http://jsfiddle.net/jimschubert/85M4z/). You need to open your browser’s Developer Tools to see the console output. Press the Run button in the upper right corner to run the code. - -More insights from this [Stack Overflow question](http://stackoverflow.com/questions/22395357/how-to-compare-two-arrays-are-equal-using-javascript). - - -16. Take a look at the following code: -```js - var o1 = { foo: 'bar' }; - var o2 = { foo: 'bar' }; - var o3 = o2; - -``` - - Show that changing `o2` changes `o3` (or not) and changing ~~`o2` changes `o3`~~ `o1` changes `o3`(or not). - - Does the order that you assign (`o3 = o2` or `o2 = o3`) matter? {Jim Cramer: ???} - -17. What does the following code return? (And why?) +12. What does the following code return? (And why?) ```js let bar = 42; typeof typeof bar; @@ -132,24 +67,13 @@ typeof typeof bar; > ‘Coerce' means to try to change - so coercing `var x = '6'` to number means trying to change the type to number temporarily. -## Step 4: **Finish basic freeCodeCamp challenges:** - -Go back to FreeCodeCamp, start where you left of and finish the rest of the Basic JavaScript challenges. - -Please make sure you REALLY understand the exercises below: -- https://www.freecodecamp.com/challenges/multiply-two-decimals-with-javascript -- https://www.freecodecamp.com/challenges/store-multiple-values-in-one-variable-using-javascript-arrays -- https://www.freecodecamp.com/challenges/build-javascript-objects -- https://www.freecodecamp.com/challenges/add-new-properties-to-a-javascript-object -- https://www.freecodecamp.com/challenges/delete-properties-from-a-javascript-object - ``` How to hand in your homework: -• Upload your homework in your "hyf-javascript1" Github repository. Make sure to create a new folder "week2" first. +• Upload your homework in your "sha-javascript1" Github repository. Make sure to create a new folder "week2" first. • Upload your homework files inside the week2 folder and write a description for this “commit”. -• Your hyf-javascript1/week2 should now contain all your homework files. +• Your sha-javascript1/week2 should now contain all your homework files. • Place the link to your repository folder in Trello. ``` -:star: Additional resources and review: [here](https://github.com/HackYourFuture/JavaScript/tree/master/Week2/REVIEW.md) (work in progress):star: +:star: Additional resources and review: [here](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week2/REVIEW.md) (work in progress):star: diff --git a/Week2/README.md b/Week2/README.md index ed33a643d..74f8711ab 100644 --- a/Week2/README.md +++ b/Week2/README.md @@ -2,8 +2,6 @@ ``` In week three we will discuss the following topics: -• CLI (Command Line Interface) -• Closures • Scope • Array Manipulations • Basic DOM manipulations [img src, innerHTML] @@ -12,12 +10,13 @@ In week three we will discuss the following topics: ### Here are resources that we like you to read as a preparation for the coming lecture. -- Closures: http://javascriptissexy.com/understand-javascript-closures-with-ease/ -- https://developer.mozilla.org/en/docs/Web/JavaScript/Closures -- [Array](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/prototype) +- [Common Array Methods Video](https://www.youtube.com/watch?v=MeZVVxLn26E) +- [All of the array methods](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/prototype) +- [What is the DOM](https://www.youtube.com/watch?v=iBQEzanrjeg) Refresher: +* (Javascript Book)[https://github.com/Sharique-Hasan/SaylaniBatch2-JavaScript/blob/master/A%20Smarter%20Way%20to%20Learn%20JavaScript.pdf] * Objects (*important to really understand them, read this if you are unsure! You may also read chapters 72, 73 and 74 if you have time and want to learn more*):
Chapters 70-71, 75 diff --git a/Week2/REVIEW.md b/Week2/REVIEW.md index 8cc7338e9..ac1c5da42 100644 --- a/Week2/REVIEW.md +++ b/Week2/REVIEW.md @@ -33,7 +33,7 @@ This review covers: |0|0|1| |1|1|1| -So you can say that false in combination with `&&` always returns true +So you can say that false in combination with `&&` always returns false ```js true && false //-> false false && true //-> false diff --git a/Week3/MAKEME.md b/Week3/MAKEME.md index 2ed148bc1..794353978 100644 --- a/Week3/MAKEME.md +++ b/Week3/MAKEME.md @@ -1,28 +1,36 @@ ## Homework Week 3 ->[Here](https://github.com/HackYourFuture/JavaScript/tree/master/Week3/README.md) you find the readings you have to complete before the fourth lecture. +>[Here](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week3/README.md) you find the readings you have to complete before the fourth lecture. ## Step 0 review: -- Go through the review of [the first week](https://github.com/HackYourFuture/JavaScript/blob/master/Week1/REVIEW.md) (Work in progress, update this week :wrench:) -- Go through the review of [the second week](https://github.com/HackYourFuture/JavaScript/blob/master/Week2/REVIEW.md) (work in progress, update this week :nut_and_bolt:) -- Go through the review of [the third week](https://github.com/HackYourFuture/JavaScript/blob/master/Week3/REVIEW.md) +- Go through the review of [the first week](https://github.com/SocialHackersCodeSchool/JavaScript/blob/master/Week1/REVIEW.md) (Work in progress, update this week :wrench:) +- Go through the review of [the second week](https://github.com/SocialHackersCodeSchool/JavaScript/blob/master/Week2/REVIEW.md) (work in progress, update this week :nut_and_bolt:) +- Go through the review of [the third week](https://github.com/SocialHackersCodeSchool/JavaScript/blob/master/Week3/REVIEW.md) ## Step 1: Implement feedback -Your fellow students have provided you with feedback in Trello. Your teachers have provided you with feedback in issues in Github. +Your teachers have provided you with feedback in issues in Github. -- Implement both feedback from Trello and Github. +- Implement feedback from Github - Check on one of your fellow students code and issues and see if her or she implemented their feedback correctly. If there are some things that can be improved make an issue suggesting further improvements. If you think that the feedback has been implemented correctly create a issue saying something like: "nice work you can clear your issues". -## Step 2: Reorganize your Github +## Step 2: **FreeCodeCamp challenges:** -Your Github should contain two repositories called hyf-javascript1 and hyf-commandline . Inside the JavaScript repository you should have three folders, called week1, week2, and week3 (or something similar). Inside these folders you should have the different assignments (a file per exercises). Ty and find proper names for the exercises that reflect somehow what is going on in the code. Avoid using spaces in your file names, this makes it harder to "run" you files. Also make sure that all your JavaScript files have a .js extension. +- https://www.freecodecamp.com/challenges/declare-javascript-objects-as-variables +- https://www.freecodecamp.com/challenges/make-instances-of-objects-with-a-constructor-function +- https://www.freecodecamp.com/challenges/make-unique-objects-by-passing-parameters-to-our-constructor +- https://www.freecodecamp.com/challenges/make-object-properties-private +- https://www.freecodecamp.com/challenges/multiply-two-decimals-with-javascript +- https://www.freecodecamp.com/challenges/store-multiple-values-in-one-variable-using-javascript-arrays +- https://www.freecodecamp.com/challenges/build-javascript-objects +- https://www.freecodecamp.com/challenges/add-new-properties-to-a-javascript-object +- https://www.freecodecamp.com/challenges/delete-properties-from-a-javascript-object ## Step 3: Custom DOM manipulation challenge :mortar_board: 1. Open a new js file and start by declaring an array that contains 10 strings. These strings should be of book titles you have read (or made up) and be lowercase without spaces or special characters so that you can use these later as Id's. (Example: Harry Potter's - The Chamber of Secrets -> `harry_potter_chamber_secrets`). -2. Create a basic html file called index.html and use it to load the js file, confirm the console.log show the array. (This is for debugging and making sure everything is in order. Delete it later when you're done :)) +2. Create a basic html file called index.html and use it to load the js file, confirm the console.log() show the array. (This is for debugging and making sure everything is in order. You can delete the console.log() later when you're done :)) 3. Make a function (or functions) that generate a `ul` with `li` elements for each book ID in the array using a for loop. @@ -36,27 +44,18 @@ Your Github should contain two repositories called hyf-javascript1 and hyf-comma ``` How to hand in your homework: -• Upload your homework in your "hyf-javascript1" Github repository. Make sure to create a new folder "week3" first. +• Upload your homework in your "sha-javascript1" Github repository. Make sure to create a new folder "week3" first. • Upload your homework files inside the week3 folder and write a description for this “commit”. -• Your hyf-javascript1/week3 should now contain an index.html, main.css and a script.js file (and the images folder) +• Your sha-javascript1/week3 should now contain an index.html, main.css and a script.js file (and the images folder) • Place the link to your repository folder in Trello. ``` - -## Step 4: **FreeCodeCamp challenges:** - -- https://www.freecodecamp.com/challenges/declare-javascript-objects-as-variables -- https://www.freecodecamp.com/challenges/make-instances-of-objects-with-a-constructor-function -- https://www.freecodecamp.com/challenges/make-unique-objects-by-passing-parameters-to-our-constructor -- https://www.freecodecamp.com/challenges/make-object-properties-private - - And just for fun ... https://www.freecodecamp.com/challenges/sum-all-numbers-in-a-range ### :boom: Bonus homework :boom: the Bonus homework for this week (for those of you want an extra challenge) do the following: - Sign up on codewars.com -- In you account setting under “clan” write “Hack Your Future” +- In you account setting under “clan” write “Social Hackers Academy” - Go do the challenges in the following playlist: https://www.codewars.com/collections/fun-fun-fundamentals Codewars is really a lot of fun, and you can compete against each other who has the most points :trollface: @@ -66,7 +65,7 @@ Please note, there are various challenges all sorted on difficultly called KIU. enjoy! -:star: Additional resources and review: [here](https://github.com/HackYourFuture/JavaScript/tree/master/Week3/REVIEW.md) (work in progress):star: +:star: Additional resources and review: [here](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week3/REVIEW.md) (work in progress):star: diff --git a/Week3/README.md b/Week3/README.md index 21fc6d059..41b354fc4 100644 --- a/Week3/README.md +++ b/Week3/README.md @@ -2,20 +2,21 @@ ``` In week four we will discuss the following topics: -• Git • JSON • Code debugging using the browser -• Functions + JSON/Arrays +• JSON/Arrays • Code flow (order of execution) • (capturing user input) • Structuring code files ``` -### Here are resources that we like you to read as a preparation for the coming lecture. +### Here are resources that we like you to read as a preparation for the coming lecture. - [JSON](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON) (MDN) -- In you next lecture **Unmesh** will give you your first Git session, please look through the [GIT](https://github.com/HackYourFuture/Gitrepository) and read the learning goals. -- Chrome DevTools [Debugging](https://developers.google.com/web/tools/chrome-devtools/?utm_source=dcc&utm_medium=redirect&utm_campaign=2016q3) +- [JSON Video](https://www.youtube.com/watch?v=sSL2to7Jg5g) + +- Chrome DevTools [Debugging](https://developers.google.com/web/tools/chrome-devtools/?utm_source=dcc&utm_medium=redirect&utm_campaign=2016q3) +- Chrome DevTools [Video](https://www.youtube.com/watch?v=zv_aOlH8S_o) ### A Refresher from some previous covered topics: @@ -33,4 +34,38 @@ Links to MDN (Mozilla Developer Network) topics: _Please go through the material and come to class prepared!_ +## Requirements +Before class I'd like all of you to have ready the below: + +- Have the latest Chrome Browser version installed +- Go to [themoviedb.org](https://www.themoviedb.org) and create an account (it's free). After login go to your profile settings -> API section and check your API Key (we will use it in class). + + +## HTTP +* [Introduction to HTTP](https://varvy.com/http/basics.html) + + +## Code debugging using the browser / Developer Tools resources + +Have a look at the below resources, courses and videos + +* [Chrome Developer Tools](https://developer.chrome.com/home/devtools-pillar) +* [Chrome DevTools Overview](https://developer.chrome.com/devtools) +* [Chrome DevTools](https://developers.google.com/web/tools/chrome-devtools/) +* [Devtools 2017: The Basics of Chrome Developer Tools (Udemy free lesson)](https://www.udemy.com/devtools-2017-the-basics-of-chrome-developer-tools/) +* [Chrome Developer Tools (Devtools) Tutorial Introduction for Beginners (Youtube video)](https://www.youtube.com/watch?v=wcFnnxfA70g) + + +## DOM Manipulation and Events +* [Introduction to the DOM](https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction) +* [The Basics of DOM Manipulation in Vanilla JavaScript](https://www.sitepoint.com/dom-manipulation-vanilla-javascript-no-jquery/) +* [JavaScript DOM Tutorial (YouTube Playlist)](https://www.youtube.com/playlist?list=PL4cUxeGkcC9gfoKa5la9dsdCNpuey2s-V) +* [Introduction to events](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events) +* [Event reference](https://developer.mozilla.org/en-US/docs/Web/Events) +* [Javascript Events Tutorial (Youtube video)](https://www.youtube.com/watch?v=e57ReoUn6kM) + +# JSON and fetch() +[JSON Tutorial: Learn JSON in 10 Minutes](https://beginnersbook.com/2015/04/json-tutorial/) +[Introduction to fetch()](https://developers.google.com/web/updates/2015/03/introduction-to-fetch) +[Working with the Fetch API](https://developers.google.com/web/ilt/pwa/working-with-the-fetch-api) diff --git a/Week3/REVIEW.md b/Week3/REVIEW.md index f47595fc2..70aa40127 100644 --- a/Week3/REVIEW.md +++ b/Week3/REVIEW.md @@ -2,18 +2,14 @@ ``` This review covers: -• More CLI -• Scope, closures and 'this' +• Closures and 'this' • Array Manipulations • Basic DOM manipulations • Code commenting ``` -## More CLI -Check out the CLI review here: https://github.com/HackYourFuture/CommandLine/blob/master/Lecture-2.md - ## Scope, closures and 'this' -Scope, closure and 'this' are about *context*. +Closure and 'this' are about *context*. This post explains things really well: [Recommended read by Todd Motto on Scope](https://toddmotto.com/everything-you-wanted-to-know-about-javascript-scope/) diff --git a/Week4/MAKEME.md b/Week4/MAKEME.md index 2e080dc1e..8c4bf0bde 100644 --- a/Week4/MAKEME.md +++ b/Week4/MAKEME.md @@ -1,20 +1,20 @@ # Homework Week 4 ->[Here](https://github.com/HackYourFuture/JavaScript/tree/master/Week4/README.md) you find the readings you have to complete before the fifth lecture. +>[Here](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week4/README.md) you find the readings you have to complete before the fifth lecture. -## Step 0: +## Step 0: Give yourself (or your neighbour) a little tap on the shoulder, you've made it to JS2! :muscle: ## Step 1: Some Challenges Let's practice working with Objects and Arrays. Go to FreeCodeCamp and complete all challenges under "Object Oriented and Functional Programming" and the _first four challenges_ under "Basic Algorithm Scripting", up until 'Find the longest word in a string.' -## Step 2: Custom challenge -1. Go to https://api.github.com/orgs/HackYourFuture/repos, you will see a list of the repositories our HYF organization has (yes it's a lot of JSON). +## Step 2: Custom challenge +1. Go to https://api.github.com/orgs/SocialHackersCodeSchool/repos, you will see a list of the repositories our SHA organization has (yes it's a lot of JSON). 2. You can copy the JSON and put it in a string at the top of your `.js` file. Print the name of the 3rd repository in the array to the console. 3. Make a `

` for each repository name (just like you did with the books in the previous assignment). -4. It should only display the modules that are actually being used in the curriculum at the moment, you of course know which those are, but if you need a reminder you can find them in our [curriculum overview](https://github.com/HackYourFuture/curriculum). +4. It should only display the modules that are actually being used in the curriculum at the moment, you of course know which those are, but if you need a reminder you can find them in our [curriculum overview](https://github.com/SocialHackersCodeSchool/curriculum). 5. Use CSS to divide the page in two columns. The left column will have a list of the names for repository. The right column should have the following information about each repository: the number of `stargazers`, the number of `watchers`, the number of `forks`, the `language` of the repository. -6. place the `avatar_url` (logo) of our organization somewhere on a nice place in your page. +6. place the `avatar_url` (logo) of our organization somewhere on a nice place in your page as an image. ## Step 3: Feedback @@ -44,12 +44,17 @@ Notes: 1. Do not bother to make this work for the `Ratings` property which refers to an object rather than a simple value. 2. It is not necessary to convert property values containing dates or numbers formatted with embedded commas to facilitate sorting for this challenge (but you're welcome to try). You can leave the value 'as is'. --> -:octocat: +:octocat: ``` How to hand in your homework: -• Create a new repository "hyf-javascript2". Also create a new folder "week1" inside this repository. +• Create a new repository "sha-javascript2". Also create a new folder "week1" inside this repository. • Upload your homework files inside the week1 folder and write a description for this “commit”. -• Your hyf-javascript2/week1 should now contain the files of your homework. +• Your sha-javascript2/week1 should now contain the files of your homework. • Place the link to your repository folder in Trello. ``` +## Step 4: DOM exercises + +1. Create a webpage with an empty body. Using JS append an h1 title, 2 paragraphs and between these 2 paragraphs an unordered list (`

JavaScript | An Introduction

Module 01 | Week 01

Primitive Data Types

A real life comparison...

JavaScript

Module 01 | Week 02a

Part I | Recapping

Expressions & Statements

Quick Intro

The while ... loop

(Recap)

Example:

The for ... loop

A while statement with... a twist!

(Recap)

Example:

Functions

(Recap)

Understanding Scope

let, const, var

The typeof operator

(Recap)

Part II

CONDITIONAL STATEMENTS

if ... else

The switch statement

LET'S CODE!

Objects

{ Advanced Data Structures }

Remember Arrays?

LET'S CODE!

Naming Conventions

Color

Image

This background image will be sized to 100px and repeated

Video

Iframe

This slide will override the presentation transition and zoom!

Choose from three transition speeds: default, fast or slow!

This video will use up the remaining space on the slide

reveal.js multiplex server.

Time Click to Reset

Notes

Time Click to Reset

Pacing – Time to finish current slide

Notes

JavaScript

Module 01 | Week 02b

Part I | Recapping

Expressions & Statements

Quick Intro

The while ... loop

(Recap)

Example:

The for ... loop

A while statement with... a twist!

(Recap)

Example:

Functions

(Recap)

Understanding Scope

let, const, var

The typeof operator

(Recap)

Part II

CONDITIONAL STATEMENTS

if ... else

The switch statement

LET'S CODE!

Objects

{ Advanced Data Structures }

Remember Arrays?

LET'S CODE!

Naming Conventions

JavaScript

Module 01 | Week 03

Recapping Week 02 Part II

Objects

Conditional Statements

Expressions & Statements