#1-5 | Nomad Coders

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)

#1-5

Discussion

10 comments