Web development course – overview

Preconditions:

• Html/CSS basics
• JS basics
• IDE installed, latest WebStorm recommended

Course content:

• Week 1 day 1:

1. Brief overview of the class (half a class)
2. What is considered as front-end development? Differences between Front-end and Back-end (1 and a half class)
3. Technical overview of browsers – how do browsers work? (1 and a half class)

 

• Week 1 day 2:

1. HTML / CSS basics / JS Basics (4 classes with exercises)

 

• Week 2 day 1:

1. HTML / CSS basics / JS Basics (4 classes with exercises)

 

• Week 2 day 2:

1. HTML / CSS – Class, ID’s and selectors, CSS cascade inheritance and what we can do about it (1 class with exercises)
2. Presentation of the project we will start creating (1 class)
3. How do we create page layouts? (1 class with exercises)
4. Combining HTML / CSS / JS to create dynamic content on a page (1 classes with exercises)

 

• Week 3 day 1:

1. Combining HTML / CSS / JS to create dynamic content on a page (4 classes with exercises)

 

• Week 3 day 2:

1. Combining HTML / CSS / JS to create dynamic content on a page (1 class with exercises)
2. CSS / HTML code structure for easier maintenance (2 classes with exercises)
3. Responsive design (1 class with exercises)

 

• Week 4 day 1:

1. Responsive design (3 classes with exercises)
2. Node.js for front-end developers and JavaScript task runners (1 class with exercises)

 

• Week 4 day 2:

1. Node.js for front-end developers and JavaScript task runners (3 classes with exercises)
2. Frameworks overview (1 class with exercises)

 

• Week 5 day 1:

1. Frameworks overview (4 classes with exercises)

 

• Week 5 day 2:

1. Frameworks overview (1 class with exercises)
2. Introduction to a Vue.js project (3 classes with exercises)

 

• Week 6 day 1:

1. Vue.js project (4 classes with exercises)

 

• Week 6 day 2:

1. Vue.js project (4 classes with exercises)

 

• Week 7 day 1:

1. Vue.js project (4 classes with exercises)

 

• Week 7 day 2:

1. Vue.js project (4 classes with exercises)

 

• Week 8 day 1:

1. Vue.js project (4 classes with exercises)

 

• Week 8 day 2:

1. Vue.js project (4 classes with exercises)

 

• Week 9 day 1:

1. Finishing Vue.js project (2 classes with exercises)
2. Overview of the course, additional questions, references, who to learn from (2 classes)