[내일배움단] 웹개발 종합반 - 1주차 - 오늘 배울 것

[수업 목표]

1. 서버와 클라이언트의 역할에 대해 이해한다,
2. HTML, CSS의 기초 지식을 이해한다. 부트ㅡ트랩을 가져다 쓸 줄 안다!
3. Javascript 기초 문법을 익힌다.

[목차]

01. 1주차 오늘 배울 것

02. 필수 프로그램 설치

03. HTML, CSS 기본 내용

04. Quiz_간단한 로그인 페이지 만들어보기

05. CSS 기초

06. 자주 쓰이는 CSS 연습하기

07. 폰트, 주석, 파일분리

08. 부트스트랩, 예쁜 CSS 모음집

09. Bootstrap(부트스트랩)을 써보자!

10. Quiz_함께 만든 페이지를 발전시켜보세요!

11. Quiz_나홀로메모장의 포스팅박스를 완성하기!

12. Javascript 맛보기

13. Javascript 기초 문법 배우기(1)

14. Javascript 기초 문법 배우기(2)

15. Javascript 연습하기

16. 1주차 끝 & 숙제 설명

HW. 1주차 숙제 해설

 

01. 1주차 오늘 배울 것

1) 서버/클라이언트/웹의 동작 개념

크롬 개발자 도구 열기

크롬 브라우저에서 F12 버튼이나, ctrl + shift + i, 마우스 오른쪽 메뉴 + 검사 버튼을 이용해 크롬 개발자 도구 화면을 연다.

웹 브라우저의 역할

웹 브라우저는 서버로 웹 페이지를 요청하고 받은 웹 페이지 및 데이터를 화면에 그려주는 일을 한다.

웹 페이지 및 데이터

웹 페이지(HTML)를 요청해서 받는 경우도 있고, 데이터(Json)만 받아서 화면을 업데이하는 경우도 있다.

1~5주차에 배울 순서!

1주차 : HTML, CSS, Javascript

2주차 : jQuery, Ajax, API

3주차 : Python, 크롤링, mongoDB

4주차 : 미니프로젝트1, 미니프로젝트2

5주차 : 미니프로젝트3, AWS

2) 1~5주차가 끝나면 만들게 되는 것들 - 구경하기!

• 나홀로메모장: 링크를 눌러서 확인해보기
• 모두의책리뷰: 링크를 눌러서 확인해보기
• 페이보릿무비스타: 링크를 눌러서 확인해보기