Giter VIP home page Giter VIP logo

python-lecture-web-and-frontend's Introduction

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

python-lecture-web-and-frontend's People

Contributors

jeesoo-dable avatar tinytinystone avatar

Watchers

avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.