Skip to content

tinytinystone/python-lecture-web-and-frontend

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
chapter01
chapter01
 
 
chapter02
chapter02
 
 
chapter03
chapter03
 
 
chapter04
chapter04
 
 
chapter05
chapter05
 
 
.DS_Store
.DS_Store
 
 
.gitignore
.gitignore
 
 
readme.md
readme.md
 
 

Repository files navigation

패스트캠퍼스 파이썬 웹 개발 올인원 패키지 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 호스팅 사용해 보기

About

패스트캠퍼스 파이썬 웹 개발 올인원 패키지 online 강의 저장소입니다.

www.fastcampus.co.kr/dev_online_pyweb/

Resources

Readme
Activity

Stars

31 stars

Watchers

1 watching

Forks

27 forks
Report repository

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •