- 현재 위치
- home > 컴퓨터·ICT·어학 > 컴퓨터·IT 도서 > 웹프로그래밍 > 프론트엔드 개발을 시작하려고 해: 입문편(Hello IT)[패스트캠퍼스랭귀지]
;)
많은 수강생이 선택한 온라인 강의 〈초격차 패키지 Online: 한 번에 끝내는 프론트엔드 개발〉이 책으로 만들어졌습니다. 온라인 강의의 장점은 그대로 살리고, 긴 수강시간과 수강료의 부담은 깔끔하게 덜어낸 결과물입니다. 태어나서 코딩을 한 번도 접해보지 못한 사람, 웹퍼블리셔에서 프론트엔드 개발자로 커리어 피벗을 원하는 사람, 자기만의 웹사이트를 만들어보고 싶은 사람에게 도움이 되는 내용이 여기에 모두 담겨 있습니다.
저자: 박영웅
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 문법
강의가 사랑받은 이유를 살펴보면,
책을 사야 할 이유가 보입니다
-
많은 수강생이 선택한 〈초격차 패키지 Online: 한 번에 끝내는 프론트엔드 개발〉은 패스트캠퍼스의 프론트엔드 분야 대표 강의입니다. 본 강의는 100시간이 넘는 방대한 수강 시간, 20가지 이상의 폭넓은 스택, 실무 수준의 프로젝트 4가지로 구성되어 있으며 정가는 무려 40만원으로 책정되어 있습니다. 지금까지 태어나서 코딩을 한 번도 접해보지 못한 사람, 웹퍼블리셔에서 프론트엔드 개발자로 커리어 피벗을 원하는 사람, 자기만의 웹사이트를 만들고자 하는 사람들이 본 강의에 찬사를 보내왔습니다.
강의가 사랑받은 이유는 이렇습니다. 일단 작은 성취감을 느낄 수 있도록 ‘무작정 시작하기’를 통해 프로젝트에 뛰어들게 하고, 그다음 기초를 하나씩 설명하면서 점점 더 큰 프로젝트에 익숙해지게 만드는 계단식 커리큘럼을 갖추었기 때문입니다. 또 모든 개념에 비유를 곁들여 입문자들이 개념을 머릿속에 쉽게 떠올릴 수 있도록 도왔습니다.
만약 책에 있는 것보다 깊이 있는 내용을 공부하고 싶다면, 출간이 예정된 〈Hello IT 프론트엔드 개발을 시작하려고 해_실전편〉을 구매하거나 패스트캠퍼스 홈페이지에서 〈초격차 패키지 Online: 한 번에 끝내는 프론트엔드 개발〉을 수강하면 되겠습니다.
-
입문편에서는
이러한 내용을 다룹니다
-
한글을 처음 배우는 아이에게 기역과 니은, 디귿부터 가르치듯 여기서는 프론트엔드를 처음 배우는 사람을 위하여 HTML과 CSS, JS(JavaScript)부터 차근차근 설명합니다. 물론 이것이 이 책의 전부는 아닙니다. 〈Hello IT 프론트엔드 개발을 시작하려고 해_입문편〉에서는 HTML, CSS, JS뿐만 아니라 Git을 이용한 버전 관리, 크고 작은 규모의 프로젝트 실습까지 전부 소개하고 있습니다. 일반적인 기술서적 세 권에서 다룰법한 방대한 내용을 단 한 권으로 만나보세요.
-
다채로운 올컬러의 본문 사양,
온라인 강의의 PDF 강의자료를 누리세요
-
책의 본문에는 모든 실습 과정과 핵심 코드가 풀컬러로 담겨 있어 독자의 빠른 이해를 돕습니다. 이밖에도 패스트캠퍼스 사이트 내 [자료실]을 통해 온라인 강의에서 제공되는 것과 동일한 형태의 PDF 자료를 제공해드립니다.
※ https://fastcampus.co.kr에 접속한 후 스크롤을 끝까지 내려 맨 하단에 위치한 [자료실]에서 PDF 자료를 다운로드해주세요.
책을 사야 할 이유가 보입니다
-
많은 수강생이 선택한 〈초격차 패키지 Online: 한 번에 끝내는 프론트엔드 개발〉은 패스트캠퍼스의 프론트엔드 분야 대표 강의입니다. 본 강의는 100시간이 넘는 방대한 수강 시간, 20가지 이상의 폭넓은 스택, 실무 수준의 프로젝트 4가지로 구성되어 있으며 정가는 무려 40만원으로 책정되어 있습니다. 지금까지 태어나서 코딩을 한 번도 접해보지 못한 사람, 웹퍼블리셔에서 프론트엔드 개발자로 커리어 피벗을 원하는 사람, 자기만의 웹사이트를 만들고자 하는 사람들이 본 강의에 찬사를 보내왔습니다.
강의가 사랑받은 이유는 이렇습니다. 일단 작은 성취감을 느낄 수 있도록 ‘무작정 시작하기’를 통해 프로젝트에 뛰어들게 하고, 그다음 기초를 하나씩 설명하면서 점점 더 큰 프로젝트에 익숙해지게 만드는 계단식 커리큘럼을 갖추었기 때문입니다. 또 모든 개념에 비유를 곁들여 입문자들이 개념을 머릿속에 쉽게 떠올릴 수 있도록 도왔습니다.
만약 책에 있는 것보다 깊이 있는 내용을 공부하고 싶다면, 출간이 예정된 〈Hello IT 프론트엔드 개발을 시작하려고 해_실전편〉을 구매하거나 패스트캠퍼스 홈페이지에서 〈초격차 패키지 Online: 한 번에 끝내는 프론트엔드 개발〉을 수강하면 되겠습니다.
-
입문편에서는
이러한 내용을 다룹니다
-
한글을 처음 배우는 아이에게 기역과 니은, 디귿부터 가르치듯 여기서는 프론트엔드를 처음 배우는 사람을 위하여 HTML과 CSS, JS(JavaScript)부터 차근차근 설명합니다. 물론 이것이 이 책의 전부는 아닙니다. 〈Hello IT 프론트엔드 개발을 시작하려고 해_입문편〉에서는 HTML, CSS, JS뿐만 아니라 Git을 이용한 버전 관리, 크고 작은 규모의 프로젝트 실습까지 전부 소개하고 있습니다. 일반적인 기술서적 세 권에서 다룰법한 방대한 내용을 단 한 권으로 만나보세요.
-
다채로운 올컬러의 본문 사양,
온라인 강의의 PDF 강의자료를 누리세요
-
책의 본문에는 모든 실습 과정과 핵심 코드가 풀컬러로 담겨 있어 독자의 빠른 이해를 돕습니다. 이밖에도 패스트캠퍼스 사이트 내 [자료실]을 통해 온라인 강의에서 제공되는 것과 동일한 형태의 PDF 자료를 제공해드립니다.
※ https://fastcampus.co.kr에 접속한 후 스크롤을 끝까지 내려 맨 하단에 위치한 [자료실]에서 PDF 자료를 다운로드해주세요.
