[Html & CSS & js] 웹 개발 스터디 일지 - Plan

JSCODESTUDY 프론트엔드 웹개발 입문 스터디
1회차 : 방향성 정하기

💡

1주차 : html 2주차 : css 3주차 : js 4주차 : 토이 프로젝트

 

---

스터디 진행방식

9:10 ~ 10:50 (100min)

수/일 : 랜덤 발표 (10min) → 질문/토론 (30min) → 문제(60min)

---

문제 준비

부스트코스 (https://www.boostcourse.org/cs120)와 다른 사이트에서 공부한 범위의 문제 찾아오기 (번갈아가며 준비, 2/9→ A)

---

발표

문제 준비자 외 3명 중 한명 랜덤 발표

---

스터디 해올 것

<1주차>

수 (2/8)

• 01 웹개발 ~ 03 HTML 기본문서
• EB1 - HTML & Internet - 생활코딩 (opentutorials.org) 전체 듣기

일 (2/13)

• 04 웹문서 ~ 05 입력양식
• HTML 수업 - 생활코딩 (opentutorials.org) 전체 듣기

<2주차>

수 (2/15)

• 06 CSS의 기본 ~ 09 이미지와
• WEB2 - CSS - 생활코딩 (opentutorials.org) 전체 듣기 , CSS 수업 - 생활코딩 (opentutorials.org) 속성을 공부하는 방법 까지 듣기

일 (2/20)

• 10 CSS 고급 선택자 ~ 12 반응형
• CSS 수업 - 생활코딩 (opentutorials.org) 타이포 부터 전체 듣기

<3주차>

수 (2/23)

• 13 자바스크립트와 ~ 15 함수와
• WEB2 - JavaScript - 생활코딩 (opentutorials.org) 전체 듣기, 웹브라우저 자바스크립트 - 생활코딩 (opentutorials.org) 창 제어까지 듣기

일 (2/27)

• 16 자바스크립트와 ~ 웹사이트 만들기
• 웹브라우저 자바스크립트 - 생활코딩 (opentutorials.org) DOM 부터 전체 듣기, Ajax - 생활코딩 (opentutorials.org) 전체 듣기

<4주차>- 미정

수(3/2)

• 프로젝트
• 인터렉션, 모션

 

💡 스터디 시, 참고 사이트

https://www.youtube.com/c/드림코딩by엘리/featured

노마드 코더 Nomad Coders - YouTube

조코딩 JoCoding - YouTube

라매개발자 - YouTube

http://www.tcpschool.com/html/intro

http://www.tcpschool.com/javascript/intro