Autoplay
Autocomplete
Toggle Sidebar
Previous Lesson
Complete and Continue
Theory
π¨ 곡μ§μ¬ν π¨
π¨ 곡μ§μ¬ν π¨
Practice #1: Kakao Talk on HTML
μ§λ¬Ένλ λ°©λ²
#1-1 (0:50)
#1-2 (3:50)
#1-3 (5:59)
#1-4 (8:00)
#1-5 (4:05)
#1-6 (8:27)
#1-7 (5:48)
#1-8 (4:54)
#1-9 (16:35)
#1-10 (9:31)
#1-11 (5:31)
Practice #2: Kakao Talk with CSS
#2-1 (3:10)
#2-2 (5:06)
#2-3 (2:26)
#2-4 (8:36)
#2-5 (5:16)
#2-6 (7:59)
#2-7 (7:26)
#2-8 (3:54)
#2-9 (7:52)
#2-10 (14:01)
#2-11 (12:55)
#2-12 (18:51)
Practice #3: Kakao Talk with Advanced CSS
#3-1 (4:49)
#3-2 (4:55)
#3-3 (5:58)
#3-4 (7:51)
#4: Bonus Module
#4-1. Getting free hosting for our website. (7:19)
Outro
Study Materials
Homework: From Web Site to Web App
π§ Download Source Code π§
π¨ VERSION 2.0 π¨
μ¬κΈ°λΆν° λ²μ 2.0μ΄ μ λ‘λ λ©λλ€.
#0 Introduction
#0.0 Introduction (1:45)
#0.1 Project Setup (6:46)
#0.2 What are we using (3:06)
#1 HTML
#1.1 Status Bar (10:12)
#1.2 Screen Title (5:15)
#1.3 Navigation Bar (9:49)
#1.4 Chat Screen (8:12)
#1.5 Friends Screen (13:12)
#1.6 Find Screen (9:01)
#1.7 More Screen (9:46)
#1.8 Settings Screen (7:53)
#1.9 Chat Screen (10:30)
#2 CSS
#2.0 ResetCSS (5:13)
#2.1 StatusBar (10:36)
#2.2 Header (11:07)
#2.3 Navigation Bar part One (9:06)
#2.4 Why Border Box (6:53)
#2.5 Navigation Bar part Two (5:10)
#2.6 Friend Component part One (10:59)
#2.7 Friend Component part Two (12:20)
#2.8 Friends Screen (13:58)
#2.9 Find Screen (12:48)
#2.10 More Screen (12:34)
#2.11 Settings Screen (9:07)
#2.12 Chats Screen part One (13:53)
#2.13 Chats Screen part Two (12:21)
#2.14 Chat Screen part Three (5:11)
#2.15 Chat Screen part Four (7:31)
#2.16 Bugfixing (3:34)
#3 Animations
#3.0 Fixed Header (6:16)
#3.1 Going Crazy part One (10:35)
#3.2 Going Crazy part Two (7:11)
#3.3 Message Animation (10:08)
#3.4 Fade Animations (8:53)
#3.5 Screen Size Media Query (7:30)
#3.6 Publishing on Github Pages (9:09)
#3.7 Conclusions (1:13)
π§ Download Source Code π§
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock