Web Development Tutorial

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

21 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 Vendor Prefix
12. 12 CSS3 Shadow
13. 13 CSS3 Gradient
14. 14 CSS3 Transition
15. 15 CSS3 Animation
16. 16 CSS3 Transform
17. 17 CSS3 Web Font
18. 18 CSS3 Layout
19. 19 CSS3 Responsive Web Design
20. 20 CSS3 Flexbox Layout
21. 21 image 요소 아래에 패딩된 여분의 공간 제거하기

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 Type Checking
11. 11 Javascript Prototype
12. 12 Javascript Scope
13. 13 Javascript this
14. 14 Javascript Execution Context
15. 15 Javascript Closure
16. 16 Javascript Object-Oriented Programming
17. 17 Javascript Built-in Object
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

20 lessons

1. 1 Angular Basics
2. 2 Angular CLI
3. 3 Angular Architecture
4. 4 Angular Component - Basics
5. 5 Angular Component - Template
6. 6 Angular Component - Data Binding
7. 7 Angular Component - Built-in directive
8. 8 Angular Component - Template reference variable & Safe navigation operator
9. 9 Angular Component - Interaction
10. 10 Angular Component - Accessing Child
11. 11 Angular Component - Style
12. 12 Angular Directive
13. 13 Angular Pipe
14. 14 Angular Service & Dependency Injection
15. 15 Angular RxJS
16. 16 Angular RxJS - Cold observable과 Hot observable
17. 17 Angular JWT Authentication
18. 18 Angular jQuery 플러그인
19. 19 Angular Upload with Express
20. 20 Angular Deploy - Firebase

Tools

3 lessons

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