Developers
1. Introduction
- Why is web development essential?
- Where to learn and try?
- What's basic web structure?
2. An HTML Webpage
- What's syntax of HTML?
- What's to include in <head>?
- What's to put for search engine?
3. Useful HTML Elements
- What's semantic HTML?
- How to write content?
- How to structure HTML well?
4. Intro to CSS
- What's syntax of CSS?
- How to select elements and style?
5. Font, Colors, Images
- What are colors?
- How to change font and colors?
- How to use images?
6. Layout
- How to position elements?
- What's sizing and scrolling?
- How to arrange contents?
7. Cursor Plays
- What's CSS Pseudo Classes?
- How CSS intract with mouses?
- How to color with links?
8. Responsive Design
- What's Responsive Web Design (RWD)?
- How CSS cater with screen sizes?
- What's <picture> element?
9. JavaScript Introduction
- What's syntax of JavaScript?
- When and where to use script?
- Any "Hello World" examples?
10. JavaScript Basics
- What are common data types?
- How to add a logic?
- What is a function?
11. Interactions
- What is time?
- How to add an event?
- How to alter elements?
12. Cursor Plays II
- What is Pointer Events?
- How to play with cursor and touches?
13. Forms & Buttons
- How to build a form?
- How to add an action from a button?
- How to validate a form?
14. Promises & Fetch
- What is a promise?
- How to submit a form?
- How to fetch resources?
15. Animations
- How to do animations on CSS?
- How to do animations on JavaScript?
16. Conclusions
- What's to consider in performance?
- How to create a website using hosting?
More chapters will be rolled out soon!