“배우기에 가장 좋은 곳은 어디입니까?” 직후 아마도 코드에 입문하는 사람들에게서 가장 많이 듣는 질문은 "어떤 웹 개발 책을 배워야 하나요?"일 것입니다. 글쎄요, 제가 프론트엔드 개발에 뛰어들 뿐만 아니라 무료로 구할 수 있는 책 목록을 선별했기 때문에 이것이 그 질문에 대한 답이라고 생각하십시오.
CSS에 관한 책
이것은 우리가 어울리게 될 대부분의 장소입니다. 왜냐하면 이것은 사이트이기 때문입니다. 대개 CSS에 대해!
CSS의 마법 아담 슈워츠
- 완벽하게 : CSS 여정의 다음 단계
- 학습 수준: 중간의
- 요구 사항 : CSS에 대한 기본적인 이해
아담 슈워츠 상자 모델, 레이아웃, 테이블, 색상, 타이포그래피 및 전환을 포함하여 이 책의 XNUMX가지 CSS 개념을 다룹니다. 이것들은 일부 노련한 CSSers를 어리둥절하게 만드는 것들입니다. 이러한 개념 중 일부는 혼란스러울 수 있습니다. 아담은 각각의 신비를 풀기 위해 많은 노력을 기울였습니다.
이 책은 복잡한 CSS 개념에 대한 훌륭한 입문서일 뿐만 아니라 책 전체에 걸쳐 언급된 각 CSS 속성을 클릭할 수 있는 방법을 좋아하므로 언제든지 클릭하여 각각이 어떻게 적용되는지 확인할 수 있습니다. 각 장에 대해 더 알고 싶다면 더 읽을 수 있는 많은 예시와 권장 사항이 있습니다.
색상에 대한 장은 접근하기 쉬운 색상 사용에 대한 모범 사례에 대해 설명할 뿐만 아니라 Adam이 조직의 브랜딩을 지원하기 위해 CSS를 사용하는 것과 같은 매우 실용적인 응용 프로그램이 있기 때문에 매우 흥미로웠습니다.
탄력적인 웹 디자인 제레미 키스
- 완벽하게 : 코드 작성 전략 개발
- 학습 수준: 중간의
- 요구 사항 : CSS에 대한 기본적인 이해
소개에서 바로:
여기에서는 더 나은 웹사이트를 구축하는 데 도움이 되는 코드를 찾을 수 없습니다. 그러나 아이디어와 접근 방식을 찾을 수 있습니다. 아이디어는 코드보다 탄력적입니다. 나는 웹 디자인의 역사에서 가장 탄력 있는 아이디어를 미래의 웹사이트를 구축하기 위한 접근 방식으로 결합하려고 노력했습니다.
Jeremy가 잘하는 것은 계획, 개요 및 코드 작성 접근 방식과 같은 소프트 스킬을 설명하는 것입니다. 따라서 책 전체에 걸쳐 코드 조각을 추가하는 대신 점진적 향상, 사용할 도구 결정, 미래 친화적 코드 작성의 문제와 같은 코드 전략에 대한 세부 정보를 찾을 수 있습니다.
그리고 Jeremy 나레이션 내용을 듣는 즐거움을 갖지 못한 사람들을 위해(그가 에서 하는 것처럼 웹 기록 시리즈), 다운로드할 수 있는 오디오 파일이 있습니다.
CSS 웹 개발 시작하기: 초보자에서 전문가까지 사이먼 콜리슨
- 완벽하게 : CSS의 기본
- 학습 수준: 절대 초보자
- 요구 사항 : 시간과 동기 외에는 아무것도
2006년에 작성되었을 수도 있지만 웹 표준 및 접근성에 대한 Simon의 적용 범위는 시대를 초월하고 오늘날에도 적절합니다. 그는 종종 간과되는 초기 계획 단계를 포함하여 웹 애플리케이션 구축을 위한 접근 방식과 상호 운용성에 대한 이해를 제공합니다.
이 책은 16개의 장으로 더 나누어진 두 개의 넓은 부분으로 구성되어 있습니다. 1부에서는 텍스트, 링크, 목록, 배경, 이미지, 표 및 양식 작업과 같은 CSS 주제를 다룹니다. 정말 디테일도 놓치지 않습니다.
2부에서는 레이아웃, 사용성 및 레이아웃 조작, 편리한 사례 연구에 대해 설명합니다. 한 챕터가 자연스럽게 다음 챕터로 넘어가도록 챕터가 배열되어 있습니다. 또한 각 장에는 해당 장에서 다루는 모든 중요한 개념을 강조하는 결론 섹션이 포함되어 있습니다.
실제로 이 책은 초보 개발자에게 CSS에 대한 탄탄한 배경 지식을 제공하고 점차 고급 개념을 익힐 수 있도록 도와줍니다. CSS 여정을 더 쉽게 만들 것입니다.
HTML 및 CSS에 관한 책
CSS와 HTML은 종종 함께 가르쳐지는데, 이는 코드의 첫 줄을 작성할 때 두 언어가 서로 어떻게 상호 작용하는지 알고 싶을 때 특히 유용할 수 있습니다.
HTML 및 CSS 코딩 배우기 셰이 하우
- 완벽하게 : 프론트엔드 여정 시작하기
- 학습 수준: 초급
- 요구 사항 : 사전 경험이 전혀 없음
Shay는 이 책을 다음과 같이 언급합니다. 초보자가 HTML 및 CSS를 배울 수 있도록 돕는 간단하고 포괄적인 가이드입니다.
그는 프론트 엔드 디자인 및 개발의 공통 요소에 중점을 두어 이를 수행합니다. 다루는 수업 중 일부는 Box Model, Positioning, Typography, Background and Gradients, Lists, Media, Forms 및 Tables입니다. 첫 번째 장 * 첫 번째 웹 페이지 만들기에서 Shay는 요소, 속성 및 HTML 문서 구조 설정, 코드 유효성 검사, 선택기 및 CSS 재설정을 포함하여 일반적인 웹 사이트의 내용을 분석했습니다. 나는 이 책이 표면을 넘어 코드 샘플로 많은 핵심 개념을 다루었기 때문에 특히 매우 유익하다고 생각합니다.
이 훌륭한 책에 대한 한 가지 심오한 점은 Shay가 12개의 수업을 통해 처음부터 완전한 프로젝트를 구축했으며 각 수업이 끝날 때 요약과 해당 웹사이트의 현재 상태에 대한 링크를 제공했다는 것입니다. 당신은 따라) 그리고 수업의 모든 단계에서 소스 코드.
수행함으로써 배우는 학습자라면 이 자료가 매우 유용하다는 것을 알게 될 것이며 완료할 때쯤에는 다중 페이지 기능의 웹사이트를 개발하게 될 것입니다.
과정의 고급 속편도 같은 링크를 통해 무료로 사용할 수 있습니다.
HTML 및 CSS: 7일 만에 기본 사항 배우기 마이클 냅
- 완벽하게 : 프론트엔드 여정 시작하기
- 학습 수준: 초급
- 요구 사항 : 사전 경험이 전혀 없음
2017일 만에 HTML과 CSS에 대해 알아야 할 모든 것을 배울 수 있습니까? 아마도 아닐 수도 있지만 이것이 Michael Knapp의 XNUMX년 책이 바로 기본에 초점을 맞춘 이유입니다. Michael은 HTML 및 CSS 구조, 논리 및 프레젠테이션을 시작하기 전에 간략한 역사 수업에 대해 자세히 설명합니다. 책이 SEO 및 분석에 대해 다루면서 기본 웹 페이지를 함께 구성하는 것에 대해 자신감을 가질 수 있을 정도로 속도를 높이고, 그 과정에서 몇 가지 추가 사항을 추가하게 될 것입니다.
이 책은 따라하고 싶다면 컴퓨터에서 실행할 수 있는 간단한 프로그램으로 구성되어 있습니다.
eBook 버전은 Apple Books에서 무료로 사용할 수 있지만 이미 구독 중인 경우 Kindle 버전도 있습니다.
가장 위대한 CSS 트릭 Vol. 1 크리스 코이어
- 완벽하게 : CSS의 놀라운 기능
- 학습 수준: 중간의
- 필요: 약간의 CSS 경험
CSS-Tricks에도 CSS에 대한 책이 있다는 것을 알고 계셨습니까? 당신이 얻는 것은 다름 아닌 Chris Coyier에 의해 설명된 고전적인 CSS 속임수 모음이기 때문에 이 목록에서 제외하는 것은 어리석은 일입니다. 사실, Chris는 자신의 책상을 가로지르는 수많은 트릭 중에서 이 사이트를 여러 해 동안 운영하면서 이 책에서 다루는 모든 예제를 직접 골랐습니다.
각 트릭은 특정 문제를 해결합니다. 예를 들어, 첫 번째 "아래로 핀 스크롤" 트릭방법을 보여줍니다 overflow-anchor CSS 속성은 새 항목이 추가될 때 페이지가 스크롤되는 것처럼 느껴지는 방식으로 화면이 하단에 고정되는 Slack과 같은 도구의 동일한 채팅과 유사한 인터페이스를 만드는 데 사용할 수 있습니다.
진행 중인 책
코드는 다음과 같습니다. 방법 우리는 코드를 작성하고 우리가 작성하는 실제 코드에 대해 다른 사람들과 프로젝트에서 공동 작업합니다. 다음 책은 계획 및 프로젝트 관리에서 다른 사람과의 의사 소통 및 공동 작업에 이르기까지 모든 것을 위한 훌륭한 출발점입니다.
협업: 디지털 프로젝트에서 사람들을 하나로 모으십시오 엘렌 드 브리스
- 완벽하게 : 더 나은 협력자가 되기
- 학습 수준: 해당 사항 없음
- 요구 사항 : 남과 잘 어울리는 열린 마음!
Ellen은 이 책에서 우리 모두가 다루어야 하는 문제, 즉 다른 사람들과의 협력에 대해 설명합니다. 그리고 그것은 작은 일이 아닙니다. 이 책은 우리가 다른 사람들과 잘 협력할 수 있는 것들에 대해 아주 깊이 있는 네 부분으로 나누어져 있습니다.
- 기반을 준비하고 협업을 위한 올바른 조건을 만드는 방법을 알고 있습니다.
- 협업의 초기 단계에서 그룹 문화를 육성합니다.
- 건강한 협업 프로세스를 유지하십시오.
- 협업의 보상을 받으세요.
콘텐츠 전략가인 Ellen은 협업 프로젝트에 참여하거나 협업을 최대한 활용할 수 있는 적절한 경험을 갖고 있습니다.
현대 웹 디자인 프로세스 웹 플로우로
- 완벽하게 : 수석 디자이너, 프로젝트 관리자
- 학습 수준: 해당 사항 없음
- 요구 사항 : CSS에 대한 기본적인 이해
이 무료 전자책은 오늘날의 웹 디자인 브랜드의 워크플로를 정의하는 데 도움이 되는 XNUMX단계 디자인 프로세스를 제공합니다.
그 내용은 다음과 같습니다.
- 목표 설정
- 범위 정의
- 사이트맵 및 와이어프레임
- 콘텐츠 작업
- 시각적 요소 처리
- 지원
- 배송
새로운 디자인 프로젝트를 시작하거나 디자인 프로젝트의 중간에 있는 사람은 이 책 전체에서 귀중한 통찰력을 발견하게 될 것입니다. 그리고 가장 놀라운 점은 개념에서 완료까지 전체 프로젝트를 마치 손에 들고 있는 것처럼 느껴지는 방식으로 이 글을 작성했다는 것입니다.
웹을 위한 디자인 마크 볼턴
- 완벽하게 : 클라이언트와 함께 일하는 법 배우기
- 학습 수준: 초급
- 필요: 디자인에 대한 진정한 관심
많은 조직에서 디자인을 다르게 처리하는 것 같습니다. 그러나 저자 Mark Boulton은 다음에서 철저한 설계 워크플로를 문서화합니다. 웹을 위한 디자인 그것은 많은 도전과제를 풀고 당신이 알아야 할 모든 것을 다룹니다.
이 책의 독특한 점은 바로 일에 관한 것입니다. 물론 타이포그래피, 색상 및 레이아웃과 같은 디자인 모범 사례에 대한 매우 귀중한 정보가 많이 있습니다. 방법 이는 디자인 워크플로에 적합합니다. 연구 방법, 아이디어를 구현하는 데 필요한 기술, 궁극적으로 다른 사람 및 클라이언트와 협력하는 방법을 알려줍니다. 디자인 리드, 프로젝트 관리자, 프리랜서 또는 프로젝트 제공 프로세스에 관련된 모든 사람을 위한 완벽한 자료입니다. .
Git으로 버전 관리 배우기 타워로
- 완벽하게 : 마스터 링 힘내
- 학습 수준: 모든 레벨 환영
- 필요: 사전 지식이 전혀 없음
이 책에서 인기 있는 팀은 Git용 타워 클라이언트 Git을 사용하여 버전 관리 시스템의 핵심을 학습자에게 소개합니다. 팀으로 작업하는 개발자는 수천 마일 떨어져 있는 경우에도 프로젝트의 다양한 기능을 구축하는 팀 구성원과 효과적으로 협업하는 데 도움이 되므로 이 기능이 특히 매우 유용하다는 것을 알게 될 것입니다. 즉, 명령줄을 부끄러워하고 거기에서 자신감을 키우고 싶은 사람에게는 여전히 정말 좋습니다.
그리고 이 책은 Git과 상호 작용하는 응용 프로그램 제작자의 책이므로 명령줄에서 직접 작업하는 것 외에도 Tower를 GUI로 사용하는 방법을 익히게 될 것입니다.
따라서 커밋, 분기, 병합, pull 요청, 분기 작업 또는 병합 충돌 처리 등 이 책에서 많은 것을 얻을 수 있습니다.
자바스크립트에 관한 책
JavaScript를 배우는 것은 항상 유행하는 것 같습니다. 사실로, Jason Rodriguez는 2018년 JavaScript 학습 환경에 대해 썼습니다. 무료 도서 목록을 제공했습니다. 그 이후로 너무 많이 자라지 않았지만 다음 책에 대한 내 생각은 다음과 같습니다.
유창한 자바스크립트 마리인 하베르베케
- 완벽하게 : JavaScript 작성을 더 잘하기
- 학습 수준: 노련한 개발자 중급
- 요구 사항 : 이전 JavaScript 경험
유창한 자바스크립트 정말 이름에 걸맞게 살아갑니다. 개인적으로, 나는 이 책이 내가 접한 최고의 JavaScript 책 중 하나라고 생각합니다. Marjin의 글쓰기 스타일은 특히 프로그래밍 개념을 소개하고 독자를 따라가는 방식이 매력적입니다. 그의 말에 따르면 이 책은 단순히 컴퓨터에게 지시하고 컴퓨터가 원하는 대로 하도록 합니다.
이 책은 세 부분과 21개의 장에 걸쳐 있는 JavaScript에 대한 심층 분석입니다. 값, 유형, 연산자 및 함수와 같은 기본 프로그래밍 개념에서 정규식, 모듈, DOM 및 비동기 프로그래밍과 같은 고급 개념에 대한 많은 내용을 읽을 것입니다. 그는 독자가 앞에 놓인 상황에 대비할 수 있도록 다소 철학적인 인용문으로 모든 챕터를 시작하고 곧바로 주제로 뛰어듭니다.
또한 새로 발견한 기술을 연습하는 데 도움이 되는 세 가지 프로젝트가 있습니다.
JavaScript 약속 이해하기 니콜라스 C. 자카스
- 완벽하게 : JavaScript에서 promise를 사용하는 비동기 프로그래밍에 대해 모두 배우고 싶은 사람.
- 학습 수준: 중간의
- 요구 사항 : 기본 자바스크립트 촙
JavaScript Promise는 JavaScript에서 비동기 기능을 처리하기 위한 ES2015 사양의 일부로 6년에 도입되었습니다. MDN에 따르면:
Promise는 비동기 작업의 최종 완료 또는 실패를 나타내는 객체입니다.
이 51페이지 분량의 책에서 Nicholas는 기본, 약속 연결 및 다중 약속 작업의 세 장에 걸쳐 약속의 개념을 설명합니다. 비록 우리가 제공하는 책에 대한 링크 는 무료 커뮤니티 버전, 정식 버전(Amazon에서 사용 가능)에는 비동기 함수 및 처리되지 않은 거부 추적에 대한 두 개의 장이 더 있습니다. Nicholas는 몇 가지 삽화와 예를 통해 약속의 개념을 단순화했습니다. 사용법을 배우게 됩니다 then(), catch()및 finally() 여러 약속을 함께 묶는 방법을 이해합니다. Nicholas는 또한 거부 및 합의 처리자 지정에 대해서도 다룹니다. 주제에 대한 이해를 확고히 하기 위해 책을 읽을 수도 있습니다.
Nicholas는 15년 넘게 JavaScript에 대해 글을 써온 베테랑 JavaScript 책 저자입니다. 그는 이 책에서 자신의 풍부한 경험을 제공합니다(그가 여기 CSS-Tricks에서의 그의 작업).
자바스크립트 말하기 악셀 라우슈마이어(Axel Rauschmayer)
- 완벽하게 : 자바스크립트 시작부터 레벨업
- 학습 수준: 중간의
- 필요: 객체지향 프로그래밍 지식
이 책은 30개 이상의 주제를 다루는 XNUMX개의 장으로 구성되어 있습니다. 분해 방법은 다음과 같습니다.
- 첫 번째 장은 구문, 변수 유형, 함수 및 예외 처리에 대한 훌륭한 복습입니다.
- 두 번째 장은 책의 나머지 부분에서 다루는 기능 유형에 대한 서곡으로서 JavaScript에 대한 역사적 관점을 제공합니다.
- 3장은 짧고 깔끔한 예제가 포함된 다소 참고서로 제시됩니다.
- 마지막 장에서는 더 나은 JavaScript를 작성하고 모범 사례를 따르는 데 도움이 되는 팁, 도구 및 라이브러리에 대해 간략히 설명합니다.
자바 스크립트 닌자의 비밀 John Resig와 Bear Bibeault 저
- 완벽하게 : 처음부터 크로스 브라우저 JavaScript 라이브러리 만들기
- 학습 수준: 중간의
- 필요: 약간의 사전 프로그래밍 경험
실제로 이 책의 최신판하지만, 2012년판은 무료입니다. 어느 쪽이든 John Resig에게서 배울 수 있는 좋은 기회입니다. 알다시피, 그 사람 만든 제이쿼리.
여기에서 다루는 기술에는 클로저, 함수, DOM, 프로토타입을 사용한 객체 지향 및 브라우저 간 전략이 포함됩니다. 한 가지 좋은 특전은 각 챕터 다음에 책을 다 읽은 후 참조하기에 완벽한 간단한 요약이 있다는 것입니다.
Addy Osmani의 JavaScript 디자인 패턴 배우기
- 완벽하게 : 보다 효율적인 JavaScript 작성 방법 배우기
- 학습 수준: 중간의
- 필요: 적절한 수준의 JavaScript 경험
디자인 패턴의 개념은 애플리케이션 개발에서 일반적으로 반복되는 문제에 대한 재사용 가능한 솔루션을 나타냅니다. 이 책에서 Addy Osmani는 ES6 이상을 사용한 일반적인 디자인 패턴의 구현과 유지보수가 주요 목표인 복잡한 React 앱에서 작업할 때 매우 유용할 수 있는 React 관련 디자인 패턴을 다룹니다.
다루는 패턴에는 Singleton, Proxy, Provider, Prototype 및 Observer 패턴이 포함됩니다. 경우에 따라 Addy에는 이러한 패턴 중 일부를 사용할 때의 장단점과 이러한 패턴이 애플리케이션 성능에 미치는 영향이 포함됩니다.
당신은 JS를 모른다 카일 심슨
- 완벽하게 : 자바스크립트 마스터하기
- 학습 수준: 초급
- 필요: 사전 프로그래밍 경험이 거의 또는 전혀 없음
제목이 다소 자극적일 수 있지만 여기서 Kyle이 의미하는 것은 이전에 JavaScript 경험이 전혀 없다는 가정하에 이 책을 작성했다는 것입니다.
Kyle는 JavaScript의 렌즈를 통해 본 프로그래밍의 기초를 살펴보는 것으로 시작합니다. 그런 다음 그는 다음 장에서 범위 및 폐쇄와 같은 고급 개념을 소개하기 위해 계속 진행합니다. this 키워드, 개체 프로토타입, async, 성능.
여기에는 훌륭한 세부 사항과 설명이 많이 있으며 Kyle은 슈퍼 기술 전문 용어를 피하여 매우 쉽게 이해할 수 있습니다. 또한 학습을 강화하기 위해 고안된 많은 연습 문제가 있습니다. 이 책은 당신이 자바스크립트에 대해 확실히 알게 될 것입니다. 작업 중인 책의 두 번째 버전이 있습니다. GitHub에서 추적할 수 있습니다.
JavaScript 초보자용 핸드북 플라비오 코프스
- 완벽하게 : 초보자 참고서
- 학습 수준: 그냥 시작
- 요구 사항 : 이메일 가입, 아마도 이전 경험
Flavio는 이제 막 시작하는 사람들을 위해 매우 유용한 JavaScript 참조를 만들었습니다. 교과서라기보다 빠른 참조 가이드에 가깝기 때문에 이제 막 시작하는 분들은 오랫동안 앉아 있는 것보다 책상 위에 두는 것으로 생각하고 싶을 것입니다.
데이터 과학을 위한 자바스크립트 간스, 호지스 & 윌슨
- 완벽하게 : 데이터 시각화 시작
- 학습 수준: 중급~고급
- 요구 사항 : JavaScript에 대한 적절한 핸들
저자는 콜백, 약속, 상속, 개체 및 클래스를 포함하여 최신 JavScript의 핵심 기능을 다룹니다. 그들은 또한 다음을 사용하여 테스트에 참여합니다. 모카, React, 데이터 시각화, 이 모두는 코드 수준과 작성 방법을 찾고 있는 모든 사람에게 좋습니다. 이 책은 다른 책들만큼 많은 개념에 대해 깊이 있게 다루지는 않지만 데이터 과학에 들어갈 때 정말 빛을 발합니다.
이 책은 Data-Forge를 사용합니다. 테이블 형식 데이터 작업을 위해 설계된 JavaScript 라이브러리입니다. 독자들이 토론 주제를 따라가는 데 도움이 되는 수많은 연습 문제가 있습니다. 마지막 장에는 모든 것을 하나로 묶는 관석 프로젝트도 포함되어 있습니다.
최대 포장
나는 당신이 프론트엔드 웹 개발의 첫 걸음을 내딛고 있는지, XNUMX년의 세월을 보내고 있는지, 아니면 그 사이 어딘가에 있는지에 관계없이 이 책 모음이 당신에게 도움이 되기를 바랍니다. 처음으로 새로운 것에 빠져드는 것이 얼마나 힘든 일인지, 어디를 봐야 할지 모르는 느낌을 알고 있습니다. 나는 또한 정체기에 도달하고 레벨을 올려줄 무언가가 필요한 기분이 어떤지 알고 있습니다. 학습 여정의 어느 위치에 있는지에 관계없이 여기 있는 모든 사람을 위한 무언가가 있어야 합니다.
그리고, 온라인에서 무료로 구할 수 있는 다른 책이 있다면 댓글로 공유해주세요! 나는 우리가 더 큰 목록을 얻을 수 있다고 장담합니다.
