Become a Full-Stack Web Developer

HTML5

9 lessons

1. 1 HTML5 Introduction & Syntax
2. 2 Semantic Web
3. 3 HTML5 Tag - Basic
4. 4 HTML5 Tag - Text
5. 5 HTML5 Tag - Link
6. 6 HTML5 Tag - List & Table
7. 7 HTML5 Tag - Image & Multimedia
8. 8 HTML5 Tag - Forms
9. 9 HTML5 Tag - Structure

CSS3

15 lessons

1. 1 CSS3 Syntax
2. 2 CSS3 Selector
3. 3 CSS3 Units
4. 4 CSS3 Box Model
5. 5 CSS3 Display
6. 6 CSS3 Background
7. 7 CSS3 Font & Text
8. 8 CSS3 Position
9. 9 CSS3 Float
10. 10 CSS3 Inheritance & Cascading
11. 11 CSS3 Effect
12. 12 CSS3 Web Font
13. 13 CSS3 Layout
14. 14 CSS3 Responsive Web Design
15. 15 CSS3 Flexbox Layout

Bootstrap

2 lessons

1. 1 Bootstrap Basics
2. 2 Bootstrap Grid System

Sass

4 lessons

1. 1 Sass - Basics
2. 2 Sass - SassScript
3. 3 Sass - CSS Extensions
4. 4 Sass - Built-in Function

JavaScript

30 lessons

1. 1 Coding!
2. 2 Javascript Introduction
3. 3 Javascript Syntax Basics
4. 4 Javascript Data type & Variable
5. 5 Javascript Operator
6. 6 Javascript Control Flow
7. 7 Javascript Object
8. 8 Javascript Immutability
9. 9 Javascript Function
10. 10 Javascript Prototype
11. 11 Javascript Scope
12. 12 Javascript this
13. 13 Javascript Execution Context
14. 14 Javascript Closure
15. 15 Javascript Object-Oriented Programming
16. 16 Javascript Built-in Object
17. 17 Javascript Standard Built-in Objects
18. 18 Javascript Number
19. 19 Javascript Math
20. 20 Javascript Date
21. 21 Javascript String
22. 22 Javascript RegExp
23. 23 Javascript Array
24. 24 Javascript DOM
25. 25 Javascript Asynchronous processing model
26. 26 Javascript Event
27. 27 Javascript Device Orientation Event
28. 28 Javascript Ajax
29. 29 Javascript REST API
30. 30 Javascript SPA & Routing

ECMAScript6

13 lessons

1. 1 ECMAScript6 - let, const
2. 2 ECMAScript6 - Template Literals
3. 3 ECMAScript6 - Arrow function
4. 4 ECMAScript6 - Extended Parameter Handling
5. 5 ECMAScript6 - Enhanced Object property
6. 6 ECMAScript6 - Destructuring
7. 7 ECMAScript6 - Class
8. 8 ECMAScript6 - Module
9. 9 ECMAScript6 - Promise
10. 10 ECMAScript6 - Iteration protocol & for-of
11. 11 ECMAScript6 - Symbol
12. 12 ECMAScript6 - Generator
13. 13 ECMAScript6 - Babel + Webpack

jQuery

5 lessons

1. 1 jQuery Basics
2. 2 jQuery Ajax & JSON
3. 3 jQuery Deferred Object
4. 4 jQuery Plugin
5. 5 jQuery Cheat Sheet

Snippet

13 lessons

1. 1 Snippet - Centering
2. 2 Snippet - Resets
3. 3 Snippet - Shape
4. 4 Snippet - Navigation
5. 5 Snippet - Preloader
6. 6 Snippet - Slider
7. 7 Snippet - Menu
8. 8 Snippet - Gallery
9. 9 Snippet - jQuery
10. 10 Snippet - Scroll
11. 11 Snippet - Hover Effect
12. 12 Snippet - Text
13. 13 Snippet - Misc

Node.js

5 lessons

1. 1 Node.js - Basics
2. 2 Node.js - npm
3. 3 Node.js - module
4. 4 Node.js file upload example
5. 5 Node.js에서 비밀 설정 정보(Secrets) 관리

Express

6 lessons

1. 1 Express Basics
2. 2 Express Error Handling
3. 3 Express Session Handling
4. 4 Node.js(Express)와 MySQL 연동
5. 5 Node.js(Express)와 Socket.io
6. 6 Deploying Node.js(Express) & MongoDB to Heroku

MongoDB

3 lessons

1. 1 MongoDB Basics - Install
2. 2 MongoDB Shell - CRUD
3. 3 Node.js(express)와 MongoDB 연동 RESTful API - Mongoose

TypeScript

6 lessons

1. 1 TypeScript - Intro & Install
2. 2 TypeScript - Visual Studio Code Setup
3. 3 TypeScript - Typing
4. 4 TypeScript - Class
5. 5 TypeScript - Interface
6. 6 TypeScript - Generic

Angular

13 lessons

1. 1 Angular Basics
2. 2 Angular CLI
3. 3 Angular Architecture
4. 4 Angular Component - Basics
5. 5 Angular Component - Template Basics
6. 6 Angular Component - Template Syntax
7. 7 Angular Component - Interaction
8. 8 Angular Component - Accessing Child
9. 9 Angular Component - Style
10. 10 Angular Directive
11. 11 Angular Pipe
12. 12 Angular Routing - Basics
13. 13 Angular Deploy - Firebase

Tools

3 lessons

1. 1 Jekyll와 GitHub Pages를 사용한 Static WebSite 구축
2. 2 ESLint
3. 3 JSON Server