패스트캠퍼스 파이썬 웹 개발 올인원 패키지 online: Web Front-end 파트

원하는 파트를 클릭하시면, 내용 요약, 실습 코드, 참고 링크 등을 확인하실 수 있습니다.

Chapter 1. 인터넷과 웹 브라우저

1. 인터넷의 역사
2. 웹의 동작 방식: 서버와 클라이언트
3. 웹의 동작 방식: HTTP
4. 개발자 도구 사용하기
5. 퀴즈 (1)
6. 프레젠테이션 파일

Chapter 2. 웹 프로그래밍

1. 프론트엔드와 백엔드
2. HTML
3. CSS
4. JavaScript
5. Codepen.io 사용법, MDN, devdocs.io 검색엔진 추가
6. 퀴즈 (2)

Chapter 3. HTML/CSS 연습 (1)

1. 텍스트와 하이퍼링크
2. div vs. span, block vs. inline
3. font, background, 상속
4. box model
5. float, position
6. CSS 셀렉터와 적용 우선순위
7. 도구 설치: VS code, 크롬 익스텐션, 파이어폭스
8. HTML 기본 문서구조
9. CSS Rest vs. Normalize.css
10. 웹사이트의 기본 구조

chapter 4. HTML/CSS 연습 (2)

1. 실습예제 학습 방법
2. 실습 1: header 마크업
3. 실습 2: header 레이아웃
4. 실습 3: header 스타일링
5. 실습 4: main > hero 마크업&스타일링
6. 실습 5: main > main-content 마크업
7. 실습 6: form 요소
8. 실습 7: main > main-content 스타일링
9. 실습 8: main > side-content 마크업
10. 실습 9: main > side-content 스타일링
11. 실습 10: footer 요소

chapter 5. Git/Github

1. 버전 관리 소개
2. git 설치
3. git이 관리하는 세 영역: 작업 디렉터리, 스테이징 영역, 저장소
4. github 가입하기
5. 원격 저장소 이용하기: github
6. github pages 호스팅 사용해 보기