update class11

mkruijt · mkruijt · commit 4c4c7ab6a2db · 2017-07-25T13:55:51.000+02:00
diff --git a/README.md b/README.md
@@ -12,7 +12,7 @@ So since this is your first module, what can you expect the next three weeks?
 ## Planning for Current Class
 | Week | Topic | Read | Homework |
 | ---- | ----- | ---- |----------|
-|0.|Prepare for first session|[Week 0 Reading](https://github.com/HackYourFuture/HTML-CSS/tree/master/Week0)|[Homework week 0](https://github.com/HackYourFuture/HTML-CSS/tree/master/Week0)|
+|0.|Prepare for first session|[Pre-reading](https://github.com/HackYourFuture/HTML-CSS/tree/master/Week0)|-|
 | 1. | DOM, HTML/CSS syntax | [Week 1 Reading](https://github.com/HackYourFuture/HTML-CSS/tree/master/Week1/README.md) |  [Homework week 1](https://github.com/HackYourFuture/HTML-CSS/tree/master/Week1/MAKEME.md) |
 | 2. | Responsive design, media queries, developer tools | [Week 2 Reading](https://github.com/HackYourFuture/HTML-CSS/tree/master/Week2/README.md) | [Homework week 2](https://github.com/HackYourFuture/HTML-CSS/tree/master/Week2/MAKEME.md) |
 | 3. | Recap, useful resources on the web| [JavaScript Intro](https://github.com/HackYourFuture/JavaScript/tree/laurens_thomas/Week0) | [Homework week 3](https://github.com/HackYourFuture/HTML-CSS/tree/master/Week3/MAKEME.md) |
diff --git a/Week0/README.md b/Week0/README.md
@@ -2,44 +2,59 @@
 
 >Before you come to your first session at HackYourFuture please go through this document, read, watch and check if you are ready to start your HackYourFuture adventure!
 
-### Read these Chapters from the <a href="https://www.frontendhandbook.com" target="_blank">Front-end Handbook</a>
- * <a href="https://www.frontendhandbook.com/what-is-a-FD.html" target="_blank">What Is a Front-End Developer?</a>
- * <a href="https://www.frontendhandbook.com/practice.html" target="_blank">Part I. The Front-End Practice</a>
+### Read these Chapters from the [Front-end Handbook](https://www.frontendhandbook.com)
+ * [What Is a Front-End Developer?](https://frontendmasters.com/books/front-end-handbook/2017/what-is-a-FD.html)
+ * [Part I. The Front-End Practice](https://frontendmasters.com/books/front-end-handbook/2017/practice.html)
+ * From Part II. read: [Self Directed Learning](https://www.frontendhandbook.com/learning/self-direct-learning.html), also read [Learn HTML/CSS](https://frontendmasters.com/books/front-end-handbook/2017/learning/html-css.html)
  * Read [lesson 1: building your first web page](http://learn.shayhowe.com/html-css/building-your-first-web-page/)
 
+### After you finish reading ask yourself the following questions:
+ * What is a Front-End Developer?
+ * What is A web browser?
+ * Wat are considered as Front-End Dev Skills?
+ * What are good references/resources to use to learn on your own? (have you bookmarked them??)
+ * What is the difference between HTML and CSS?
+ * What are HTML elements, tags, and attributes?
+ * How do you setup up the structure of your first web page?
+ * What are CSS selectors, properties, and values?
+ * How do you work with CSS selectors?
+ * How do you reference CSS in your HTML?
+ * Why would you use CSS resets?
+
 >Don't worry if you don't understand everything, but make sure to prepare some questions for your first session about the reading material.
 
 ### Watch these videos:
  * <a href="https://www.youtube.com/watch?v=7_LPdttKXPc" target="_blank">How the Internet Works in 5 Minutes</a>
  * <a href="https://www.youtube.com/watch?v=WjDrMKZWCt0" target="_blank">How Web Browsers Work</a>
 
+### Add a card in Trello:
+*  In Trello, create a card with your name (there is an example in there) and add the link to your CodePen that contains you application assignment.
+
 ### Check double check:
 
 ### Are you signed up for:
 
 - Slack
 - Trello
-- KhanAcademy (join the class you've been invited to)
-- Udacity
 
 ### Do you have a basic understanding of the following tools:
 
 - Slack
 - Trello
 - Our Github repository
 
->If the answer to this is 'no', don't panic, you can always ask help in Slack, but before you do, please first try and see if you can find some information about the above tools yourself.
+>If the answer to this is 'no', don't panic, you can always ask help in Slack, but before you do, please first try and see if you can find some information about the above tools yourself (hint: ask Google first).
 
 ### Do you have a text editor installed?
 
 Any of the ones listed below is fine.
+- [Visual studio](https://code.visualstudio.com/)
 - [Brackets](http://brackets.io)
 - [Atom](https://atom.io/)
-- [Visual studio](https://code.visualstudio.com/)
 - [Spacemacs](http://spacemacs.org/)
 - [Sublime (not free)](https://www.sublimetext.com/)
 
-If you have no experience or preference when it comes to working with text editor just install Brackets, you can always switch to another editor later on in the program.
+If you have no experience or preference when it comes to working with text editor just install Visual studio, you can always switch to another editor later on in the program.
 
 ### Curriculum
 Don't forget to take a look at the [HackYourFuture curriculum](https://github.com/HackYourFuture/curriculum). Go through it and make sure you have an idea of what you will learn at HackYourFuture :muscle:
diff --git a/Week1/MAKEME.md b/Week1/MAKEME.md
@@ -1,4 +1,6 @@
-# Homework week 1
+# Week 1
+
+[Here](https://github.com/HackYourFuture/HTML-CSS/blob/master/Week1/README.md) you find the readings you have to complete before the second lecture.
 
 ## Learning goals for this week:
  * The division of labor between HTML and CSS
@@ -14,17 +16,27 @@
     * Naming things
  * External files: relative and absolute paths
  * Getting to know your text editor
- 
 
-## Homework Week 1
+# Homework Week 1
 
+## Step 1. 
 ### Good learning practices
 Before you start check out this [video](http://www.learningscientists.org/videos/) and/or this [article](https://www.cultofpedagogy.com/learning-strategies/) about good learning practices.
 
-### Exercises:
- * Khan Academy: [Into to HTML/CSS: Making web pages](https://nl.khanacademy.org/computing/computer-programming/html-css)
-  
+### HTML5
+Read about [HTML5](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5) 
+
+### CSS:
+* [MDN - Introduction to CSS layout](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Introduction)
+* [CSS-tricks - CSS Properties](https://css-tricks.com/almanac/properties/)
+
+## Step 2.
+* In Trello, you are assigned to one of the cards of your fellow students (in the Class11 Week0 HTML/CSS list). Give feedback on the application assignment of your fellow student. Please be critical but most of all give constructive feedback. If there are resources that you used and might be useful, share them.
+* revisit you own application assignment and improve it with the feedback and suggestions given by one of your classmates.  
+
+> Don't forget, you can always revisit Khan Academy: [Into to HTML/CSS: Making web pages](https://nl.khanacademy.org/computing/computer-programming/html-css) if you are stuck and need a reminder
 
+## Step 3.
 ### Assignment:
  * Make your own web resume:
     * One page 
@@ -48,6 +60,4 @@ Before you start check out this [video](http://www.learningscientists.org/videos
 ## Fun to check out:
 [Shapes of CSS](https://css-tricks.com/examples/ShapesOfCSS/)
 
-### Helpful links:
- * [MDN - Introduction to CSS layout](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Introduction)
- * [CSS-tricks - CSS Properties](https://css-tricks.com/almanac/properties/)
+## Last but not least, when you are done with the homework check the learning goals at the top of this document. Go through each of them and check if you understand what is written there. Try formulating them into questions and answer your own questions (for example: Wat does it mean when you say that there is a division of labor between HTML and CSS? Why is there a division of labor between HTML and CSS?). If you need help with this, first ask Google, than ask in Slack.
diff --git a/Week2/MAKEME.md b/Week2/MAKEME.md
@@ -1,4 +1,6 @@
-# Homework week 2
+# Week 2
+
+[Here](https://github.com/HackYourFuture/HTML-CSS/blob/master/Week2/README.md) you find the readings you have to complete before the second lecture.
 
 ## Learning goals for this week:
  * Student presentations
@@ -11,22 +13,26 @@
     * Flexbox
  * How to work with the inspector
 
-## Homework
+# Homework
 
+## Step 1.
 ### Read:
  * [Introduction to media queries](https://teamtreehouse.com/library/css3/media-queries/introduction)
  * [More about media queries](https://css-tricks.com/css-media-queries/)
  * [HTML syntax](http://www.w3schools.com/html/html5_syntax.asp)
  * [Article about multiple ways to select classes and id's](https://css-tricks.com/multiple-class-id-selectors)
  * [Read about nice color combinations](http://www.colorcombos.com/index.html)
 
+## Step 2.
 #### Super fun flexbox and grid practice 
  * [flexboxfroggy](https://flexboxfroggy.com/)
  * [cssgridgarden](http://cssgridgarden.com/)
 
 ### Exercises:
  * Udacity: [Responsive web design fundamentals](https://www.udacity.com/course/responsive-web-design-fundamentals--ud893)
 
+
+## Step 3.
 ### Assignment:
  * Grids exercise
     * Download the HTML and images in the folder Homework 2
