Become a Full-Stack Web Developer

HTML5

9 lessons

1. 1 HTML5 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 - Built-in Function
4. 4 Sass - CSS Extensions

JavaScript

28 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 Ajax
27. 27 Javascript Event
28. 28 Device Orientation Event

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 - Destructuring
6. 6 ECMAScript6 - Enhanced Object property
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

8 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

Jekyll

1 lessons

1. 1 Jekyll와 GitHub Pages를 사용한 Static WebSite 구축