Hello IT 프론트엔드 개발을 시작하려고 해 입문편
HTML, CSS, JS 기본기부터 Git을 활용한 버전 관리와 클론 코딩까지
$33.93
SKU
9791197641718
[Free shipping over $100]
Standard Shipping estimated by Thu 12/5 - Wed 12/11 (주문일로부 10-14 영업일)
Express Shipping estimated by Mon 12/2 - Wed 12/4 (주문일로부 7-9 영업일)
* 안내되는 배송 완료 예상일은 유통사/배송사의 상황에 따라 예고 없이 변동될 수 있습니다.
| Publication Date | 2022/02/17 |
| Pages/Weight/Size | 192*256*27mm |
| ISBN | 9791197641718 |
| Categories | IT 모바일 > 웹사이트 |
Description
패스트캠퍼스 프론트엔드 분야 1등 강의!
『초격차 패키지 Online: 한 번에 끝내는 프론트엔드 개발』에서
입문자를 위한 내용만 골라 담았습니다
많은 수강생이 선택한 온라인 강의 『초격차 패키지 Online: 한 번에 끝내는 프론트엔드 개발』이 책으로 만들어졌다. 온라인 강의의 장점은 그대로 살리고, 긴 수강시간과 수강료의 부담은 깔끔하게 덜어낸 결과물이다. 태어나서 코딩을 한 번도 접해보지 못한 사람, 웹퍼블리셔에서 프론트엔드 개발자로 커리어 피벗을 원하는 사람, 자기만의 웹사이트를 만들어보고 싶은 사람에게 도움이 되는 내용이 여기에 모두 담겨있다.
『초격차 패키지 Online: 한 번에 끝내는 프론트엔드 개발』에서
입문자를 위한 내용만 골라 담았습니다
많은 수강생이 선택한 온라인 강의 『초격차 패키지 Online: 한 번에 끝내는 프론트엔드 개발』이 책으로 만들어졌다. 온라인 강의의 장점은 그대로 살리고, 긴 수강시간과 수강료의 부담은 깔끔하게 덜어낸 결과물이다. 태어나서 코딩을 한 번도 접해보지 못한 사람, 웹퍼블리셔에서 프론트엔드 개발자로 커리어 피벗을 원하는 사람, 자기만의 웹사이트를 만들어보고 싶은 사람에게 도움이 되는 내용이 여기에 모두 담겨있다.
Contents
PART 1. HTML, CSS, JS로 프론트엔드 개발 시작하기
CHAPTER 1. VS Code
1. 설치 및 기본 실행
2. 파일의 생성과 삭제
3. 정리된 코드 만들기
4. 태그 이름을 한 번에 변경
5. 브라우저에 출력하기
CHAPTER 2. 무작정 시작하기
1. Doctype, HTML, HEAD, BODY
2. HTML, CSS, JS 연결하기
3. 정보를 의미하는 태그 살펴보기
4. 화면에 이미지 출력하기
5. 상대 경로와 절대 경로
6. 페이지를 나누고 연결하기
7. 개발자도구 사용하기
CHAPTER 3. 웹에서 시작하기
1. Codepen.io
2. 브라우저 스타일 초기화
CHAPTER 4. HTML 개요
1. 기본 구조
2. 부모-자식 관계
3. 빈 태그
4. 속성과 값
5. 글자와 상자
CHAPTER 5. HTML 핵심 정리
1. HTML의 핵심 요소
2. 핵심 요소 출력
3. 전역 속성
CHAPTER 6. CSS 개요
1. 기본 문법과 주석
2. 선언 방식
3. 선택자
4. 스타일 상속
5. 우선순위
CHAPTER 7. CSS 속성
1. CSS 속성 개요
2. 너비
3. 외부 여백
4. 내부 여백
5. 테두리선
6. 모서리
7. 크기 계산
8. 넘침 제어
9. 출력 특성
10. 투명도
11. 글꼴
12. 문자
13. 배경
14. 배치
15. 플렉스
16. 전환
17. 변환
[HIT! 프로젝트 실습 1] 문이 있는 페이지 클론 코딩
1. 시작하기
2. 스타일 추가하기
3. 문 이미지 연결하기
4. 전체 배경과 제목 추가하기
CHAPTER 8. JS 개요 및 정리
1. JS 개요
2. 데이터 종류
3. 변수
4. 함수
5. 조건문
6. DOM API
[HIT! 프로젝트 실습 2] 커피 전문점 웹사이트 클론 코딩
1. 시작하기
2. 헤더와 드롭다운 메뉴
3. 순차적 애니메이션
4. 요소(이미지) 슬라이드
5. YouTube 영상 배경
6. 다양한 애니메이션 효과
7. 푸터와 상단으로 이동 버튼
PART 2. Git으로 버전 관리하기
CHAPTER 9. 버전 관리
1. Git과 GitHub
2. 프로젝트 버전 관리
3. Netlify를 활용한 지속적인 배포
4. 로그인 페이지
CHAPTER 10. Markdown
1. Markdown 개요
2. Markdown 문법
CHAPTER 1. VS Code
1. 설치 및 기본 실행
2. 파일의 생성과 삭제
3. 정리된 코드 만들기
4. 태그 이름을 한 번에 변경
5. 브라우저에 출력하기
CHAPTER 2. 무작정 시작하기
1. Doctype, HTML, HEAD, BODY
2. HTML, CSS, JS 연결하기
3. 정보를 의미하는 태그 살펴보기
4. 화면에 이미지 출력하기
5. 상대 경로와 절대 경로
6. 페이지를 나누고 연결하기
7. 개발자도구 사용하기
CHAPTER 3. 웹에서 시작하기
1. Codepen.io
2. 브라우저 스타일 초기화
CHAPTER 4. HTML 개요
1. 기본 구조
2. 부모-자식 관계
3. 빈 태그
4. 속성과 값
5. 글자와 상자
CHAPTER 5. HTML 핵심 정리
1. HTML의 핵심 요소
2. 핵심 요소 출력
3. 전역 속성
CHAPTER 6. CSS 개요
1. 기본 문법과 주석
2. 선언 방식
3. 선택자
4. 스타일 상속
5. 우선순위
CHAPTER 7. CSS 속성
1. CSS 속성 개요
2. 너비
3. 외부 여백
4. 내부 여백
5. 테두리선
6. 모서리
7. 크기 계산
8. 넘침 제어
9. 출력 특성
10. 투명도
11. 글꼴
12. 문자
13. 배경
14. 배치
15. 플렉스
16. 전환
17. 변환
[HIT! 프로젝트 실습 1] 문이 있는 페이지 클론 코딩
1. 시작하기
2. 스타일 추가하기
3. 문 이미지 연결하기
4. 전체 배경과 제목 추가하기
CHAPTER 8. JS 개요 및 정리
1. JS 개요
2. 데이터 종류
3. 변수
4. 함수
5. 조건문
6. DOM API
[HIT! 프로젝트 실습 2] 커피 전문점 웹사이트 클론 코딩
1. 시작하기
2. 헤더와 드롭다운 메뉴
3. 순차적 애니메이션
4. 요소(이미지) 슬라이드
5. YouTube 영상 배경
6. 다양한 애니메이션 효과
7. 푸터와 상단으로 이동 버튼
PART 2. Git으로 버전 관리하기
CHAPTER 9. 버전 관리
1. Git과 GitHub
2. 프로젝트 버전 관리
3. Netlify를 활용한 지속적인 배포
4. 로그인 페이지
CHAPTER 10. Markdown
1. Markdown 개요
2. Markdown 문법