From 2436b6c7d0d59f8e69a7cb126f6f6d0dc367e5d7 Mon Sep 17 00:00:00 2001 From: Chris Owen Date: Thu, 18 Jan 2018 12:17:18 +0200 Subject: [PATCH 001/166] Add DownGit link to Week 2 Homework This make it easier to download the HTML-CSS Week 2 Homework Assignment --- Week2/MAKEME.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Week2/MAKEME.md b/Week2/MAKEME.md index 4517a3b..b92fb3c 100644 --- a/Week2/MAKEME.md +++ b/Week2/MAKEME.md @@ -69,7 +69,7 @@ _Deadline Saturday_ > Use the command line to create a directory "week2" inside your hyf-html-css directory. There should already be a week1 inside that contains your homework of last week. - Grids exercise - - Download the HTML and images in the folder Homework 2 + - Download the HTML and images in the folder Homework 2 ([or click this link to download](https://minhaskamal.github.io/DownGit/#/home?url=https://github.com/HackYourFuture/HTML-CSS/tree/master/Week2/Homework2)) - You are going to write the CSS for this page - You are not allowed to change the HTML - The page contains two grids: the first one should work using floats, the second using flex box. Be careful not to mix the two! From 04a7770133d155a6f91ba8de54a33ec4f12ed814 Mon Sep 17 00:00:00 2001 From: Maartje Kruijt Date: Mon, 22 Jan 2018 17:59:33 +0100 Subject: [PATCH 002/166] Update README.md --- Week2/README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Week2/README.md b/Week2/README.md index fdd3353..23619e5 100644 --- a/Week2/README.md +++ b/Week2/README.md @@ -9,7 +9,7 @@ In week two we will discuss the following topics • How to find useful resources on the web ``` -- [CSS tricks ]https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/) +- [CSS tricks ](https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/) - Bookmark the sites/resources that you used that where most useful for you the last two weeks. _Please go through the material and come to class prepared!_ From 02df5cb84df9e42229de8b6afe9fbd028805f8e1 Mon Sep 17 00:00:00 2001 From: Maartje Kruijt Date: Mon, 22 Jan 2018 18:03:36 +0100 Subject: [PATCH 003/166] add reading resource --- Week2/MAKEME.md | 1 + 1 file changed, 1 insertion(+) diff --git a/Week2/MAKEME.md b/Week2/MAKEME.md index 4517a3b..d2c09cd 100644 --- a/Week2/MAKEME.md +++ b/Week2/MAKEME.md @@ -52,6 +52,7 @@ Write commands to do following: - [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) + - [How CSS selectors work](https://css-tricks.com/how-css-selectors-work/) - [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) From 3cfd80bdd6c2b718bd058dda0724bd17bffb472f Mon Sep 17 00:00:00 2001 From: mkruijt Date: Mon, 29 Jan 2018 16:03:18 +0100 Subject: [PATCH 004/166] changed js link --- README.md | 12 ++++++------ Week3/MAKEME.md | 2 +- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/README.md b/README.md index cbc0b74..7e22bef 100644 --- a/README.md +++ b/README.md @@ -13,12 +13,12 @@ The command line (cli, shell) is the interface between you (the user) and the op So since this is your first module, what can you expect the next three weeks? ## Planning for Current Class -| Week | Topic | Read | Homework | Review | -| ---- | ----- | ---- |----------|--------| -|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) |[Review](https://github.com/HackYourFuture/HTML-CSS/tree/master/Week1/REVIEW.md)| -| 2. | [CLI](https://github.com/HackYourFuture/CommandLine/blob/master/Lecture-1.md), 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) ||[Review](https://github.com/HackYourFuture/HTML-CSS/tree/master/Week2/REVIEW.md)| -| 3. | [CLI](https://github.com/HackYourFuture/CommandLine/blob/master/Lecture-2.md), 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) ||[Review](https://github.com/HackYourFuture/HTML-CSS/tree/master/Week3/REVIEW.md)| +| Week | Topic | Read | Homework | +| ---- | ----- | ---- |----------| +|0.|Prepare for first session|[Pre-reading](/Week0/README.md)|-|-| +| 1. | DOM, HTML/CSS syntax | [Week 1 Reading](/Week1/README.md) | [Homework week 1](/Week1/MAKEME.md) | +| 2. | [CLI](https://github.com/HackYourFuture/CommandLine/blob/master/Lecture-1.md), Responsive design, media queries, developer tools | [Week 2 Reading](/Week2/README.md) | [Homework week 2](/Week2/MAKEME.md) | +| 3. | [CLI](https://github.com/HackYourFuture/CommandLine/blob/master/Lecture-2.md), Recap, useful resources on the web| [JavaScript Intro](https://github.com/HackYourFuture/JavaScript/blob/master/Week0/README.md) | [Homework week 3](/Week3/MAKEME.md) | Please get yourself familiar with this repository by navigating your way through the different README files. Kind note: make sure to read assignment requirements properly for handing them in, in the end this saves both you and your teacher a lot of time. If you have any questions or something is not entirely clear ¯\\\_(ツ)_/¯, please ask/comment on Slack! diff --git a/Week3/MAKEME.md b/Week3/MAKEME.md index da274c1..9335842 100644 --- a/Week3/MAKEME.md +++ b/Week3/MAKEME.md @@ -61,4 +61,4 @@ How to hand in your homework: _Deadline Sunday morning_ -Go trough the reading material in the JavaScript [README.md](/JavaScript/Week0/README.md) to prepare for your next class +Go trough the reading material in the JavaScript [README.md](https://github.com/HackYourFuture/JavaScript/Week0/README.md) to prepare for your next class From df4a5f905f72975b0da211a0e55f6672f1aae67b Mon Sep 17 00:00:00 2001 From: Maartje Kruijt Date: Tue, 30 Jan 2018 13:43:37 +0100 Subject: [PATCH 005/166] Update MAKEME.md --- Week3/MAKEME.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Week3/MAKEME.md b/Week3/MAKEME.md index 9335842..a8b304f 100644 --- a/Week3/MAKEME.md +++ b/Week3/MAKEME.md @@ -1,6 +1,6 @@ ## Homework Week 3 ->[Here](/JavaScript/Week0/README.md) you find the readings you have to complete before your first JavaScript lecture +>[Here](https://github.com/HackYourFuture/JavaScript/Week0/README.md) you find the readings you have to complete before your first JavaScript lecture ### Learning goals for this week: ``` From 898a8f7711fb643990179b783ebf48fc7486fb0a Mon Sep 17 00:00:00 2001 From: Georgios Goniotakis Date: Wed, 31 Jan 2018 00:39:15 +0200 Subject: [PATCH 006/166] Fixed small typo --- Week3/MAKEME.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Week3/MAKEME.md b/Week3/MAKEME.md index a8b304f..a10399e 100644 --- a/Week3/MAKEME.md +++ b/Week3/MAKEME.md @@ -61,4 +61,4 @@ How to hand in your homework: _Deadline Sunday morning_ -Go trough the reading material in the JavaScript [README.md](https://github.com/HackYourFuture/JavaScript/Week0/README.md) to prepare for your next class +Go through the reading material in the JavaScript [README.md](https://github.com/HackYourFuture/JavaScript/Week0/README.md) to prepare for your next class From 312e76a487c92a56b083990269a24b5b22e35592 Mon Sep 17 00:00:00 2001 From: Maartje Kruijt Date: Fri, 2 Feb 2018 10:22:37 +0100 Subject: [PATCH 007/166] Update MAKEME.md --- Week3/MAKEME.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/Week3/MAKEME.md b/Week3/MAKEME.md index a8b304f..3d46d76 100644 --- a/Week3/MAKEME.md +++ b/Week3/MAKEME.md @@ -1,6 +1,6 @@ ## Homework Week 3 ->[Here](https://github.com/HackYourFuture/JavaScript/Week0/README.md) you find the readings you have to complete before your first JavaScript lecture +>[Here](https://github.com/HackYourFuture/JavaScript/blob/master/Week0/README.md) you find the readings you have to complete before your first JavaScript lecture ### Learning goals for this week: ``` @@ -61,4 +61,4 @@ How to hand in your homework: _Deadline Sunday morning_ -Go trough the reading material in the JavaScript [README.md](https://github.com/HackYourFuture/JavaScript/Week0/README.md) to prepare for your next class +Go trough the reading material in the JavaScript [README.md](https://github.com/HackYourFuture/JavaScript/blob/master/Week0/README.md) to prepare for your next class From fcf470137d6f5485005e72d6cc45b598b3c917fc Mon Sep 17 00:00:00 2001 From: mkruijt Date: Wed, 14 Feb 2018 10:18:37 +0100 Subject: [PATCH 008/166] made vs code default --- Week0/README.md | 9 ++------- 1 file changed, 2 insertions(+), 7 deletions(-) diff --git a/Week0/README.md b/Week0/README.md index 55e26e3..22b37b8 100644 --- a/Week0/README.md +++ b/Week0/README.md @@ -61,16 +61,11 @@ >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? +### Do you have Visual studio installed? -Any of the ones listed below is fine. - [Visual studio](https://code.visualstudio.com/) -- [Brackets](http://brackets.io) -- [Atom](https://atom.io/) -- [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 Visual studio, you can always switch to another editor later on in the program. +>Visual studio is the default text editor we use in the course. We expect you to use this editor through the entire course. ### 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: From 56d0e18a7761ec9eee5fb3d40d143b3ccfb342dd Mon Sep 17 00:00:00 2001 From: Gijs C Date: Wed, 7 Mar 2018 09:39:11 +0100 Subject: [PATCH 009/166] Update README.md added actual link to readings of CLI to homework reading section --- Week2/README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Week2/README.md b/Week2/README.md index 23619e5..a589f08 100644 --- a/Week2/README.md +++ b/Week2/README.md @@ -2,7 +2,7 @@ ``` In week two we will discuss the following topics -• CLI +• [CLI](https://github.com/HackYourFuture/CommandLine/blob/master/Lecture-1.md) • Learn output redirection, piping on the terminal. • Write basic shell scripts to ease the programming life. • Recap From 81dbd23ab42092bb7feca4d5b257cd2091a60118 Mon Sep 17 00:00:00 2001 From: Gijs C Date: Wed, 7 Mar 2018 09:41:17 +0100 Subject: [PATCH 010/166] Update README.md --- Week2/README.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/Week2/README.md b/Week2/README.md index a589f08..7dcf593 100644 --- a/Week2/README.md +++ b/Week2/README.md @@ -2,7 +2,7 @@ ``` In week two we will discuss the following topics -• [CLI](https://github.com/HackYourFuture/CommandLine/blob/master/Lecture-1.md) +• CLI(https://github.com/HackYourFuture/CommandLine/blob/master/Lecture-2.md) • Learn output redirection, piping on the terminal. • Write basic shell scripts to ease the programming life. • Recap @@ -10,6 +10,7 @@ In week two we will discuss the following topics ``` - [CSS tricks ](https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/) +- [CLI](https://github.com/HackYourFuture/CommandLine/blob/master/Lecture-2.md) - Bookmark the sites/resources that you used that where most useful for you the last two weeks. _Please go through the material and come to class prepared!_ From 00e470ba60a5331f9f16fd6d30c2ecd411f87f9f Mon Sep 17 00:00:00 2001 From: Gijs C Date: Wed, 7 Mar 2018 09:44:14 +0100 Subject: [PATCH 011/166] Update README.md added link to readings of CLI, this creates an easier overview of what they actually have to read for the coming week. (instead of having to click on the seperate CLI directory. (I'm pretty sure many people didn't read about CLI before this lecture) --- Week1/README.md | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/Week1/README.md b/Week1/README.md index b17d73d..49364dd 100644 --- a/Week1/README.md +++ b/Week1/README.md @@ -18,6 +18,9 @@ If you have *Windows machines*, please follow the following link and install Git If you have Linux installed on your laptop or you have a MACbook, then you don’t need to do anything. See you this Sunday. +### Read about CLI + +[CLI](https://github.com/HackYourFuture/CommandLine/blob/master/Lecture-1.md) ### Here are resources that we like you to read as a preparation for the coming lecture: - Start reading about media queries here: [Introduction to Media Queries](https://varvy.com/mobile/media-queries.html). @@ -37,4 +40,4 @@ Please read the following sections: - The DevTools window - Inspecting the DOM and styles -_Please go through the material and come to class prepared!_ \ No newline at end of file +_Please go through the material and come to class prepared!_ From 522fd1d836416af2d43ef85c2990d21d4d7fa46c Mon Sep 17 00:00:00 2001 From: Maartje Kruijt Date: Wed, 7 Mar 2018 11:37:29 +0100 Subject: [PATCH 012/166] Update README.md --- Week1/README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Week1/README.md b/Week1/README.md index 49364dd..2529fed 100644 --- a/Week1/README.md +++ b/Week1/README.md @@ -20,7 +20,7 @@ If you have Linux installed on your laptop or you have a MACbook, then you don ### Read about CLI -[CLI](https://github.com/HackYourFuture/CommandLine/blob/master/Lecture-1.md) +Go to the [CLI](https://github.com/HackYourFuture/CommandLine/blob/master/Lecture-1.md) repoistory to prepare for you first commandline class! ### Here are resources that we like you to read as a preparation for the coming lecture: - Start reading about media queries here: [Introduction to Media Queries](https://varvy.com/mobile/media-queries.html). From 3fb24479aed043cc6b6d3195f94f0b5beca5a77e Mon Sep 17 00:00:00 2001 From: Gijs C Date: Wed, 7 Mar 2018 11:43:02 +0100 Subject: [PATCH 013/166] Update README.md --- Week2/README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Week2/README.md b/Week2/README.md index 7dcf593..7760eb3 100644 --- a/Week2/README.md +++ b/Week2/README.md @@ -2,7 +2,7 @@ ``` In week two we will discuss the following topics -• CLI(https://github.com/HackYourFuture/CommandLine/blob/master/Lecture-2.md) +• CLI • Learn output redirection, piping on the terminal. • Write basic shell scripts to ease the programming life. • Recap From e6f3a11ae775e92ef61ab875c6f5de8bb5653e4c Mon Sep 17 00:00:00 2001 From: Gijs C Date: Tue, 13 Mar 2018 16:15:17 +0100 Subject: [PATCH 014/166] Update README.md Small addition, to make sure they actually know what to read this week. --- Week2/README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/Week2/README.md b/Week2/README.md index 7760eb3..ff2ca2e 100644 --- a/Week2/README.md +++ b/Week2/README.md @@ -8,6 +8,7 @@ In week two we will discuss the following topics • Recap • How to find useful resources on the web ``` +Read the following links: - [CSS tricks ](https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/) - [CLI](https://github.com/HackYourFuture/CommandLine/blob/master/Lecture-2.md) From c83a6887a4c57d692ee094367595ebe8113b55ea Mon Sep 17 00:00:00 2001 From: Philipp Beau Date: Sat, 17 Mar 2018 11:45:15 +0100 Subject: [PATCH 015/166] Update README.md Added a link to an HTML preview plugin --- Week0/README.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/Week0/README.md b/Week0/README.md index 22b37b8..3209b78 100644 --- a/Week0/README.md +++ b/Week0/README.md @@ -65,6 +65,10 @@ - [Visual studio](https://code.visualstudio.com/) +After you installed vscode, also install the following plugins +- [Live HTML Previewer](https://marketplace.visualstudio.com/items?itemName=hdg.live-html-previewer) + + >Visual studio is the default text editor we use in the course. We expect you to use this editor through the entire course. ### Curriculum From fa51c82133aac0330251f481168c8e3819567593 Mon Sep 17 00:00:00 2001 From: mkruijt Date: Mon, 19 Mar 2018 09:37:57 +0100 Subject: [PATCH 016/166] removed review files --- Week1/REVIEW.md | 19 ------------------- Week2/REVIEW.md | 13 ------------- Week3/REVIEW.md | 7 ------- 3 files changed, 39 deletions(-) delete mode 100644 Week1/REVIEW.md delete mode 100644 Week2/REVIEW.md delete mode 100644 Week3/REVIEW.md diff --git a/Week1/REVIEW.md b/Week1/REVIEW.md deleted file mode 100644 index baa03c3..0000000 --- a/Week1/REVIEW.md +++ /dev/null @@ -1,19 +0,0 @@ -# REVIEW HTML-CSS week 1 - -``` -This review covers: -• The division of labor between HTML and CSS -• Introduction to HTML: - • Parents, children, attributes - • Indentation - • Semantic elements - • Paragraphs, links, images, lists -• Introduction to CSS: - • Where can we write it and what difference does that make? - • Selectors (id, class, element type), properties - • How to structure a CSS file - • Naming things -• External files: relative and absolute paths -• Getting to know your text editor -``` - diff --git a/Week2/REVIEW.md b/Week2/REVIEW.md deleted file mode 100644 index 91481be..0000000 --- a/Week2/REVIEW.md +++ /dev/null @@ -1,13 +0,0 @@ -# REVIEW HTML-CSS week 2 - -``` -This review covers: -• Responsive web development - • Relative measurements (%, (r)em, vw) - • Media queries - • Positioning (absolute, relative, fixed) - • Floating and clearing - • Flexbox -• How to work with the inspector -``` - diff --git a/Week3/REVIEW.md b/Week3/REVIEW.md deleted file mode 100644 index 27535a1..0000000 --- a/Week3/REVIEW.md +++ /dev/null @@ -1,7 +0,0 @@ -# REVIEW HTML-CSS week 2 - -``` -This review covers: -• How to find information on the web -``` - From f5d663528f77f78cd2bb7023eafdf9f7d27f56b4 Mon Sep 17 00:00:00 2001 From: mkruijt Date: Mon, 19 Mar 2018 09:45:24 +0100 Subject: [PATCH 017/166] removed week0 and switched readme files. the readings/ preperations to be done before week1 are now in the readme of week1 --- README.md | 1 - Week0/README.md | 75 -------------------------------- Week1/MAKEME.md | 4 +- Week1/README.md | 112 +++++++++++++++++++++++++++++++++++------------- Week2/MAKEME.md | 4 +- Week2/README.md | 47 ++++++++++++++++---- Week3/README.md | 17 ++++++++ 7 files changed, 141 insertions(+), 119 deletions(-) delete mode 100644 Week0/README.md create mode 100644 Week3/README.md diff --git a/README.md b/README.md index 7e22bef..7d4978e 100644 --- a/README.md +++ b/README.md @@ -15,7 +15,6 @@ 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|[Pre-reading](/Week0/README.md)|-|-| | 1. | DOM, HTML/CSS syntax | [Week 1 Reading](/Week1/README.md) | [Homework week 1](/Week1/MAKEME.md) | | 2. | [CLI](https://github.com/HackYourFuture/CommandLine/blob/master/Lecture-1.md), Responsive design, media queries, developer tools | [Week 2 Reading](/Week2/README.md) | [Homework week 2](/Week2/MAKEME.md) | | 3. | [CLI](https://github.com/HackYourFuture/CommandLine/blob/master/Lecture-2.md), Recap, useful resources on the web| [JavaScript Intro](https://github.com/HackYourFuture/JavaScript/blob/master/Week0/README.md) | [Homework week 3](/Week3/MAKEME.md) | diff --git a/Week0/README.md b/Week0/README.md deleted file mode 100644 index 3209b78..0000000 --- a/Week0/README.md +++ /dev/null @@ -1,75 +0,0 @@ -### Hello new class! - ->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 [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? - -### Watch these videos: - * How the Internet Works in 5 Minutes - * How Web Browsers Work - -### Get familiar with Accessible Rich Internet Applications (ARIA) - * [What is ARIA and why is it important?](https://www.youtube.com/watch?v=HtTyRajRuyY) - * [Introduction to ARIA](https://www.youtube.com/watch?v=g9Qff0b-lHk&t=4s) - * [Web applications and ARIA FAQ](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Web_applications_and_ARIA_FAQ) - * _Bonus knowlegde:_ [Practical guide for developers on how to add accessibility information to HTML elements using the ARIA specification](https://w3c.github.io/using-aria/) - ->Don't worry if you don't understand everything, but make sure to prepare some questions for your first session about the reading material. - -### 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. - -### Install the Slack Apps on your: -- Mobile: [App store](https://itunes.apple.com/nl/app/slack/id803453959?mt=12) or [Google Play](https://play.google.com/store/apps/details?id=com.Slack&hl=nl) -- Desktop: [OSX](https://slack.com/downloads/osx) or [Windows](https://slack.com/downloads/windows) - -### Read: -- About Slack: [Cheat sheet for basics and shortcuts](https://get.slack.help/hc/en-us/articles/217626358-Cheat-sheet-for-basics-and-shortcuts) -- How to format your messages in Slack: [Using Slack](https://get.slack.help/hc/en-us/articles/202288908-Format-your-messages) -- Take the Trello [tour](https://trello.com/tour) - -### Check double check: - -### Are you signed up for: - -- Slack -- Trello -- Github - -### Did you do the following?: - -- Write "hallo :hand:" in Slack? -- Did you add a card to Trello with your name and added the link to your application assignment (CodePen)? -- Did you create a Github account? - ->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 Visual studio installed? - -- [Visual studio](https://code.visualstudio.com/) - -After you installed vscode, also install the following plugins -- [Live HTML Previewer](https://marketplace.visualstudio.com/items?itemName=hdg.live-html-previewer) - - ->Visual studio is the default text editor we use in the course. We expect you to use this editor through the entire course. - -### 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 index 90139d9..9367e7f 100644 --- a/Week1/MAKEME.md +++ b/Week1/MAKEME.md @@ -1,6 +1,6 @@ ## Homework Week 1 ->[Here](/Week1/README.md) you find the readings you have to complete before the second lecture. +>[Here](/Week2/README.md) you find the readings you have to complete before the second lecture. ### Learning goals for this week: ``` @@ -98,5 +98,5 @@ _Steps_: _Deadline Sunday morning_ -Go trough the reading material in the [README.md](/Week1/README.md) to prepare for your next class +Go trough the reading material in the [README.md](/Week2/README.md) to prepare for your next class diff --git a/Week1/README.md b/Week1/README.md index 2529fed..920a524 100644 --- a/Week1/README.md +++ b/Week1/README.md @@ -1,43 +1,95 @@ -# Reading material for the second lecture +### Hello new class! + +>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! ``` -In week two we will discuss the following topics -• CLI - • To know the terminal/bash/command line for UNIX based systems. - • Navigate the file system without using a UI explorer. - • Copy, rename and move files with terminal commands. -• Responsive web design -• Media queries -• Flexbox -• How to use the inspector +In week one we will discuss the following topics + • The division of labor between HTML and CSS + • Introduction to HTML: + • Parents, children, attributes + • Indentation + • Semantic elements + • Paragraphs, links, images, lists + • Introduction to ARIA: + • What is ARIA and why is it important? + • Using ARIA in HTML + • Validating ARIA + • Introduction to CSS: + • Where can we write it and what difference does that make? + • Selectors (id, class, element type), properties + • How to structure a CSS file + • Naming things + • External files: relative and absolute paths + • Getting to know your text editor ``` -### Install GitBash if you have a windows machine. +### 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? + +### Watch these videos: + * How the Internet Works in 5 Minutes + * How Web Browsers Work + +### Get familiar with Accessible Rich Internet Applications (ARIA) + * [What is ARIA and why is it important?](https://www.youtube.com/watch?v=HtTyRajRuyY) + * [Introduction to ARIA](https://www.youtube.com/watch?v=g9Qff0b-lHk&t=4s) + * [Web applications and ARIA FAQ](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Web_applications_and_ARIA_FAQ) + * _Bonus knowlegde:_ [Practical guide for developers on how to add accessibility information to HTML elements using the ARIA specification](https://w3c.github.io/using-aria/) + +>Don't worry if you don't understand everything, but make sure to prepare some questions for your first session about the reading material. + +### 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. + +### Install the Slack Apps on your: +- Mobile: [App store](https://itunes.apple.com/nl/app/slack/id803453959?mt=12) or [Google Play](https://play.google.com/store/apps/details?id=com.Slack&hl=nl) +- Desktop: [OSX](https://slack.com/downloads/osx) or [Windows](https://slack.com/downloads/windows) + +### Read: +- About Slack: [Cheat sheet for basics and shortcuts](https://get.slack.help/hc/en-us/articles/217626358-Cheat-sheet-for-basics-and-shortcuts) +- How to format your messages in Slack: [Using Slack](https://get.slack.help/hc/en-us/articles/202288908-Format-your-messages) +- Take the Trello [tour](https://trello.com/tour) + +### Check double check: + +### Are you signed up for: -If you have *Windows machines*, please follow the following link and install GitBash https://github.com/git-for-windows/git/releases/tag/v2.10.2.windows.1 +- Slack +- Trello +- Github -If you have Linux installed on your laptop or you have a MACbook, then you don’t need to do anything. See you this Sunday. +### Did you do the following?: -### Read about CLI +- Write "hallo :hand:" in Slack? +- Did you add a card to Trello with your name and added the link to your application assignment (CodePen)? +- Did you create a Github account? -Go to the [CLI](https://github.com/HackYourFuture/CommandLine/blob/master/Lecture-1.md) repoistory to prepare for you first commandline class! +>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). -### Here are resources that we like you to read as a preparation for the coming lecture: -- Start reading about media queries here: [Introduction to Media Queries](https://varvy.com/mobile/media-queries.html). -- And read about [flexbox](https://tympanus.net/codrops/css_reference/flexbox/) -- [Mastering the :nth-child](http://nthmaster.com/) -- Also take a look at these two websites, here you can find examples of responsive design - + https://responsivedesign.is/examples/ - + https://www.awwwards.com/50-examples-of-responsive-web-design.html +### Do you have Visual studio installed? -### How to use the inspector :mag: -Read and watch about how you can [Inspect and Edit Pages and Styles](https://developers.google.com/web/tools/chrome-devtools/inspect-styles/) using the inspector +- [Visual studio](https://code.visualstudio.com/) -Here you can read about the inspector which is part of the [The Chrome Developer Tools](https://developer.chrome.com/devtools) +After you installed vscode, also install the following plugins +- [Live HTML Previewer](https://marketplace.visualstudio.com/items?itemName=hdg.live-html-previewer) -Please read the following sections: -- Accessing the DevTools -- The DevTools window -- Inspecting the DOM and styles +>Visual studio is the default text editor we use in the course. We expect you to use this editor through the entire course. -_Please go through the material and come to class prepared!_ +### 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/Week2/MAKEME.md b/Week2/MAKEME.md index ae29751..a80a694 100644 --- a/Week2/MAKEME.md +++ b/Week2/MAKEME.md @@ -1,6 +1,6 @@ ## Homework Week 2 ->[Here](/Week2/README.md) you find the readings you have to complete before the third lecture. +>[Here](/Week3/README.md) you find the readings you have to complete before the third lecture. ### Learning goals for this week: ``` @@ -104,4 +104,4 @@ How to hand in your homework: _Deadline Sunday morning_ -Go trough the reading material in the [README.md](/Week2/README.md) to prepare for your next class +Go trough the reading material in the [README.md](/Week3/README.md) to prepare for your next class diff --git a/Week2/README.md b/Week2/README.md index ff2ca2e..f01196f 100644 --- a/Week2/README.md +++ b/Week2/README.md @@ -1,17 +1,46 @@ -# Reading material for the third lecture +# Reading material for the second lecture ``` In week two we will discuss the following topics • CLI - • Learn output redirection, piping on the terminal. - • Write basic shell scripts to ease the programming life. -• Recap -• How to find useful resources on the web + • To know the terminal/bash/command line for UNIX based systems. + • Navigate the file system without using a UI explorer. + • Copy, rename and move files with terminal commands. +• Responsive web development + • Relative measurements (%, (r)em, vw) + • Media queries + • Positioning (absolute, relative, fixed) + • Floating and clearing + • Flexbox +• How to use the inspector ``` -Read the following links: -- [CSS tricks ](https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/) -- [CLI](https://github.com/HackYourFuture/CommandLine/blob/master/Lecture-2.md) -- Bookmark the sites/resources that you used that where most useful for you the last two weeks. +### Install GitBash if you have a windows machine. + +If you have *Windows machines*, please follow the following link and install GitBash https://github.com/git-for-windows/git/releases/tag/v2.10.2.windows.1 + +If you have Linux installed on your laptop or you have a MACbook, then you don’t need to do anything. See you this Sunday. + +### Read about CLI + +Go to the [CLI](https://github.com/HackYourFuture/CommandLine/blob/master/Lecture-1.md) repoistory to prepare for you first commandline class! + +### Here are resources that we like you to read as a preparation for the coming lecture: +- Start reading about media queries here: [Introduction to Media Queries](https://varvy.com/mobile/media-queries.html). +- And read about [flexbox](https://tympanus.net/codrops/css_reference/flexbox/) +- [Mastering the :nth-child](http://nthmaster.com/) +- Also take a look at these two websites, here you can find examples of responsive design + + https://responsivedesign.is/examples/ + + https://www.awwwards.com/50-examples-of-responsive-web-design.html + +### How to use the inspector :mag: +Read and watch about how you can [Inspect and Edit Pages and Styles](https://developers.google.com/web/tools/chrome-devtools/inspect-styles/) using the inspector + +Here you can read about the inspector which is part of the [The Chrome Developer Tools](https://developer.chrome.com/devtools) + +Please read the following sections: +- Accessing the DevTools +- The DevTools window +- Inspecting the DOM and styles _Please go through the material and come to class prepared!_ diff --git a/Week3/README.md b/Week3/README.md new file mode 100644 index 0000000..ff2ca2e --- /dev/null +++ b/Week3/README.md @@ -0,0 +1,17 @@ +# Reading material for the third lecture + +``` +In week two we will discuss the following topics +• CLI + • Learn output redirection, piping on the terminal. + • Write basic shell scripts to ease the programming life. +• Recap +• How to find useful resources on the web +``` +Read the following links: + +- [CSS tricks ](https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/) +- [CLI](https://github.com/HackYourFuture/CommandLine/blob/master/Lecture-2.md) +- Bookmark the sites/resources that you used that where most useful for you the last two weeks. + +_Please go through the material and come to class prepared!_ From 0a05fa02d51a50756e74e605134e07263a6400c1 Mon Sep 17 00:00:00 2001 From: mkruijt Date: Wed, 21 Mar 2018 13:46:37 +0100 Subject: [PATCH 018/166] fixed link to js repo and added tools for accessibility --- Week1/MAKEME.md | 8 ++++++++ Week3/MAKEME.md | 2 +- 2 files changed, 9 insertions(+), 1 deletion(-) diff --git a/Week1/MAKEME.md b/Week1/MAKEME.md index 9367e7f..fc30379 100644 --- a/Week1/MAKEME.md +++ b/Week1/MAKEME.md @@ -94,6 +94,14 @@ _Steps_: ### Fun to check out: [Shapes of CSS](https://css-tricks.com/examples/ShapesOfCSS/) +### Tools for testing accessibility: + +Chrome: [Accessibility for developer](https://chrome.google.com/webstore/detail/accessibility-developer-t/fpkknkljclfencbdbgkenhalefipecmb) + +Software +- Windows: [NVDA](https://www.nvaccess.org/) +- Mac: [VoiceOver](https://www.apple.com/accessibility/mac/vision/) + ## Step 4: Prepare for next class _Deadline Sunday morning_ diff --git a/Week3/MAKEME.md b/Week3/MAKEME.md index 590a152..88929d1 100644 --- a/Week3/MAKEME.md +++ b/Week3/MAKEME.md @@ -61,4 +61,4 @@ How to hand in your homework: _Deadline Sunday morning_ -Go through the reading material in the JavaScript [README.md](https://github.com/HackYourFuture/JavaScript/blob/master/Week0/README.md) to prepare for your next class +Go through the reading material in the JavaScript [README.md](https://github.com/HackYourFuture/JavaScript/blob/master/Week1/README.md) to prepare for your next class From 6825393fcf82087f80a292f2f04bcffb29f71a4e Mon Sep 17 00:00:00 2001 From: Maartje Kruijt Date: Wed, 28 Mar 2018 22:13:33 +0200 Subject: [PATCH 019/166] updated command line homework --- Week2/MAKEME.md | 15 +-------------- 1 file changed, 1 insertion(+), 14 deletions(-) diff --git a/Week2/MAKEME.md b/Week2/MAKEME.md index a80a694..412b888 100644 --- a/Week2/MAKEME.md +++ b/Week2/MAKEME.md @@ -33,20 +33,7 @@ _Deadline Tuesday_ >We covered a bit of command line usage in the first class and got a program running which is great. If you need a refresher for the command line please have a look here: https://github.com/HackYourFuture/CommandLine -``` -Write commands to do following: -1. create a directory. Enter a directory. Create an empty file named blank. - 2. Then write the content `"Hello"` five times to the file greetings.txt. - Then copy the file greetings.txt and paste its contents into 1.txt, 2.txt, 3.txt, 4.txt and 5.txt. - 3. Then write the text "cat" to pets.txt - Then append the text "dog" to pets.txt - Then append the text "hamster" to pets.txt - 4. Then write the text "cat" to commands.txt - Then append the text "ls" to commands.txt - Then append the text "pwd" to commands.txt - 5. Then find unique strings from these two files pets.txt and commands.txt - and store the unique strings in lovelyCommands.txt -``` +Make the command line homework that is listed here: https://github.com/HackYourFuture/CommandLine/blob/master/HomeWork1.md ## Step 2: Read/do/watch - [Introduction to media queries](https://teamtreehouse.com/library/css3/media-queries/introduction) From 906a3328fa600b59279a6c917b03d839a468d077 Mon Sep 17 00:00:00 2001 From: Maartje Kruijt Date: Tue, 10 Apr 2018 09:20:12 +0200 Subject: [PATCH 020/166] correct link to js --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 7d4978e..fc00349 100644 --- a/README.md +++ b/README.md @@ -17,7 +17,7 @@ So since this is your first module, what can you expect the next three weeks? | ---- | ----- | ---- |----------| | 1. | DOM, HTML/CSS syntax | [Week 1 Reading](/Week1/README.md) | [Homework week 1](/Week1/MAKEME.md) | | 2. | [CLI](https://github.com/HackYourFuture/CommandLine/blob/master/Lecture-1.md), Responsive design, media queries, developer tools | [Week 2 Reading](/Week2/README.md) | [Homework week 2](/Week2/MAKEME.md) | -| 3. | [CLI](https://github.com/HackYourFuture/CommandLine/blob/master/Lecture-2.md), Recap, useful resources on the web| [JavaScript Intro](https://github.com/HackYourFuture/JavaScript/blob/master/Week0/README.md) | [Homework week 3](/Week3/MAKEME.md) | +| 3. | [CLI](https://github.com/HackYourFuture/CommandLine/blob/master/Lecture-2.md), Recap, useful resources on the web| [JavaScript Intro](https://github.com/HackYourFuture/JavaScript/blob/master/Week1/README.md) | [Homework week 3](/Week3/MAKEME.md) | Please get yourself familiar with this repository by navigating your way through the different README files. Kind note: make sure to read assignment requirements properly for handing them in, in the end this saves both you and your teacher a lot of time. If you have any questions or something is not entirely clear ¯\\\_(ツ)_/¯, please ask/comment on Slack! From a88e1de9cf9543d887bd0203737c6c1d6605ae26 Mon Sep 17 00:00:00 2001 From: mkruijt Date: Mon, 18 Jun 2018 13:49:10 +0200 Subject: [PATCH 021/166] added command line homework --- Week2/MAKEME.md | 36 +++++++++++++++++++++++++++++++----- Week3/MAKEME.md | 24 +++++++++++++++++++++++- Week3/README.md | 2 +- 3 files changed, 55 insertions(+), 7 deletions(-) diff --git a/Week2/MAKEME.md b/Week2/MAKEME.md index 412b888..b155b6e 100644 --- a/Week2/MAKEME.md +++ b/Week2/MAKEME.md @@ -31,11 +31,37 @@ _Deadline Monday_ _Deadline Tuesday_ ->We covered a bit of command line usage in the first class and got a program running which is great. If you need a refresher for the command line please have a look here: https://github.com/HackYourFuture/CommandLine +>We covered a bit of command line usage in the first class and got a program running which is great. If you need a refresher for the command line please have a look here: https://github.com/HackYourFuture/CommandLine/blob/master/Lecture-1.md -Make the command line homework that is listed here: https://github.com/HackYourFuture/CommandLine/blob/master/HomeWork1.md +``` +1. Research how to create a hidden file and how to display it using ls command. + +2. Research how to create multiple nested directories with one mkdir command. +E.g. How would you create 'fun' directory along with all directories in the path below: +/c/Users/unmesh/these/folders/are/just/for/fun + +3. Execute following commands terminal: +echo "test" > fun +echo "another test" >> fun +wc -c fun + +Verify number of characters in the file. + +4. Research how to append something in the file *WITHOUT* a newline character. +E.g. +echo "test" > fun +echo "another test" >> fun +cat fun +Output of "cat fun" is +test +another test + +How would you use echo command, so that output would be: +testanother test + +``` -## Step 2: Read/do/watch +## Step 3: Read/do/watch - [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) @@ -50,7 +76,7 @@ Make the command line homework that is listed here: https://github.com/HackYourF - [flexboxfroggy](https://flexboxfroggy.com/) - [cssgridgarden](http://cssgridgarden.com/) -## Step 3: Assignment: +## Step 4: Assignment _Deadline Saturday_ @@ -87,7 +113,7 @@ How to hand in your homework: - An animation using CSS keyframes - SVG -## Step 4: Prepare for next class +## Step 5: Prepare for next class _Deadline Sunday morning_ diff --git a/Week3/MAKEME.md b/Week3/MAKEME.md index 88929d1..9d3d4c6 100644 --- a/Week3/MAKEME.md +++ b/Week3/MAKEME.md @@ -31,7 +31,29 @@ _Deadline Monday_ - Revisit you own drone assignment and command line homework and improve it with the feedback and suggestions given by one of your classmates. -## Step 2: Assignment +## Step 2: Command Line + +_Deadline Wednesday_ + +``` +Write ONE shell script to do following: +1. create a directory. Enter a directory. Create an empty file named blank. +2. Then write the content "Hello" five times to the file greetings.txt. + Then copy the file greetings.txt and paste its contents into 1.txt, 2.txt, 3.txt, 4.txt and 5.txt. +3. Then write the text "cat" to pets.txt + Then append the text "dog" to pets.txt + Then append the text "hamster" to pets.txt +4. Then write the text "cat" to commands.txt + Then append the text "ls" to commands.txt + Then append the text "pwd" to commands.txt +5. Then find unique strings from these two files pets.txt and commands.txt + and store the unique strings in lovelyCommands.txt +``` + +For and overview of the commands we learned in class please take a look at the overview of the [second lecture](https://github.com/HackYourFuture/CommandLine/blob/master/Lecture-2.md). If you need a refresher you can of course also go over the commands of the [first lecture](https://github.com/HackYourFuture/CommandLine/blob/master/Lecture-1.md) + + +## Step 3: Assignment _Deadline Saturday_ diff --git a/Week3/README.md b/Week3/README.md index ff2ca2e..0e0899e 100644 --- a/Week3/README.md +++ b/Week3/README.md @@ -1,7 +1,7 @@ # Reading material for the third lecture ``` -In week two we will discuss the following topics +In week three we will discuss the following topics • CLI • Learn output redirection, piping on the terminal. • Write basic shell scripts to ease the programming life. From 68aebf3cd24ee69189ce5160f4bf3a2c92445073 Mon Sep 17 00:00:00 2001 From: mkruijt Date: Thu, 21 Jun 2018 11:32:27 +0200 Subject: [PATCH 022/166] corrected link --- Week3/MAKEME.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Week3/MAKEME.md b/Week3/MAKEME.md index 9d3d4c6..028e14c 100644 --- a/Week3/MAKEME.md +++ b/Week3/MAKEME.md @@ -1,6 +1,6 @@ ## Homework Week 3 ->[Here](https://github.com/HackYourFuture/JavaScript/blob/master/Week0/README.md) you find the readings you have to complete before your first JavaScript lecture +>[Here](https://github.com/HackYourFuture/JavaScript/blob/master/Week1/README.md) you find the readings you have to complete before your first JavaScript lecture ### Learning goals for this week: ``` From fa05f105af6336e1dffbd3ab7ebbe516d39fc4cb Mon Sep 17 00:00:00 2001 From: Gijs C Date: Thu, 9 Aug 2018 08:33:15 +0200 Subject: [PATCH 023/166] small update regarding clarity There were a few "to reads", that aer basically a page with 20+ links to very specific projects not covered (or website to learn how to code that we don't specifically use in the course), I made it clear that this is just for future reference, not direct reading material for this week --- Week1/README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/Week1/README.md b/Week1/README.md index 920a524..09ce965 100644 --- a/Week1/README.md +++ b/Week1/README.md @@ -26,8 +26,8 @@ In week one we will discuss the following topics ### 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/) + * From Part II. have a look at: [Self Directed Learning](https://www.frontendhandbook.com/learning/self-direct-learning.html), read the definitions of HTML and CSS here (use the rest of the links for later reference) [Learn HTML/CSS](https://frontendmasters.com/books/front-end-handbook/2017/learning/html-css.html) + * Read(important!) [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? From b31e41d0e713b76d953df0221c8a37eb7b770e8e Mon Sep 17 00:00:00 2001 From: Gijs C Date: Thu, 9 Aug 2018 08:58:50 +0200 Subject: [PATCH 024/166] small update for clarity --- Week1/MAKEME.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Week1/MAKEME.md b/Week1/MAKEME.md index fc30379..673b739 100644 --- a/Week1/MAKEME.md +++ b/Week1/MAKEME.md @@ -42,7 +42,7 @@ _Deadline Monday_ - Please create a repository on Github, call it `hyf-html-css`. - Inside this repository create a folder `week0`. -- Use the code of the application assignment you have made, copy and paste the html in a `index.html` file and the css in a `style.css` file and upload it to github in the `week0` folder. +- Use the code of the application assignment you have made(in codepen.io), copy and paste the html in a `index.html` file and the css in a `style.css` file and upload it to github in the `week0` folder. - For better instructions on how to do this please check the [how to hand in homework](#how-to-hand-in-homework) down below. - In Trello, you are assigned to one of the cards of your fellow students (in the _your class number_ 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. From 9bd30fb9395377bcaccb62f0fba9151b0658ccd1 Mon Sep 17 00:00:00 2001 From: mkruijt Date: Mon, 20 Aug 2018 12:04:08 +0200 Subject: [PATCH 025/166] added line about personal information --- Week1/MAKEME.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/Week1/MAKEME.md b/Week1/MAKEME.md index fc30379..2c6fe9e 100644 --- a/Week1/MAKEME.md +++ b/Week1/MAKEME.md @@ -57,11 +57,12 @@ _Deadline Saturday_ - One page - Two files: HTML and CSS - Include the following: - - Your personal info (name, place of birth, etc.) + - Your personal info - A picture - A few lines about who you are - Education - Work experience + - *Please do not include your current address, phone number and mail address, your CV will be hosted on Github* - Include the following: - Different types of headings (`

`, `

`) - A list (`