Сразу после «Где лучше всего учиться?» возможно, наиболее часто задаваемый вопрос, который я слышу от людей, занимающихся кодированием, это «Какие книги по веб-разработке мне следует изучить?» Что ж, считайте это ответом на этот вопрос, поскольку я составил список книг, которые не только отлично подходят для знакомства с фронтенд-разработкой, но и находятся в свободном доступе.
Книги по CSS
Это основное место, где мы собираемся тусоваться, потому что это сайт в основном о CSS!
Магия CSS Адам Шварц
- Идеально для: Следующие шаги в вашем путешествии по CSS
- Уровень обучения: Intermediate
- Требуется: Некоторое базовое понимание CSS
Адам Шварц В этой книге рассматриваются шесть концепций CSS, включая блочную модель, макет, таблицы, цвет, типографику и переходы. Эти вещи даже ставят в тупик некоторых опытных CSS-специалистов, некоторые из этих концепций могут сбивать с толку. Адам приложил немало усилий, чтобы демистифицировать каждую из них.
В дополнение к тому, что книга является отличным учебником по сложным концепциям CSS, мне нравится, что каждое из свойств CSS, упомянутых в книге, кликабельно, поэтому вы всегда можете щелкнуть по ним, чтобы увидеть, как каждое из них применяется. Есть много иллюстративных примеров и рекомендаций для дальнейшего чтения, если вы хотите узнать больше о каждой главе.
Я нашел главу о цветах очень интересной не только потому, что в ней рассказывается о передовых методах доступного использования цвета, но и потому, что есть очень практичные приложения, например, когда Адам начинает использовать CSS для поддержки брендинга организации.
Устойчивый веб-дизайн Джереми Кейт
- Идеально для: Разработка стратегий написания кода
- Уровень обучения: Intermediate
- Требуется: Некоторое базовое понимание CSS
Прямо из введения:
Здесь вы не найдете никакого кода, который поможет вам создавать лучшие веб-сайты. Но вы найдете идеи и подходы. Идеи более устойчивы, чем код. Я попытался объединить самые устойчивые идеи из истории веб-дизайна в подход к созданию веб-сайтов будущего.
Джереми так хорошо описывает навыки межличностного общения, такие как планирование, наброски и подходы к написанию кода. Таким образом, вместо того, чтобы разбрасывать фрагменты кода по всей книге, вы найдете подробные сведения о стратегиях кода, таких как прогрессивное улучшение, решение о том, какой инструментарий использовать, и о проблемах написания кода, ориентированного на будущее.
А для тех из вас, кто не имел удовольствия слушать рассказ Джереми (как он это делает в Серия веб-истории), есть аудиофайл, доступный для скачивания.
Начало веб-разработки на CSS: от новичка до профессионала Саймон Коллисон
- Идеально для: Основы CSS
- Уровень обучения: Абсолютные новички
- Требуется: Ничего, кроме времени и мотивации
Это может быть написано в 2006 году, но охват Саймоном веб-стандартов и доступности вне времени и актуален сегодня. Он дает понимание функциональной совместимости, а также подходов к созданию веб-приложений, включая этапы раннего планирования, которые часто упускаются из виду.
Книга состоит из двух больших частей, которые далее разделены на 16 глав. Часть 1 охватывает темы CSS, такие как работа с текстом, ссылками, списками, фоном, изображениями, таблицами и формами. Он действительно не скупится на детали.
Часть 2 посвящена макету, проливая свет на удобство использования и управление макетом, а также удобный пример из практики. Главы расположены таким образом, что одна глава плавно перетекает в другую. Каждая глава также содержит заключительный раздел, в котором освещаются все важные концепции, затронутые в главе.
Действительно, книга дает начинающим разработчикам солидный опыт работы с CSS и постепенно помогает им осваивать более продвинутые концепции. Это облегчит ваше путешествие по CSS.
Книги по HTML и CSS
CSS и HTML часто изучают вместе, что может быть особенно полезно, когда вы пишете свои первые строки кода и хотите узнать, как эти два языка взаимодействуют друг с другом.
Научитесь кодировать HTML и CSS Шей Хоу
- Идеально для: Начало вашего фронтенд-путешествия
- Уровень обучения: Новичкам
- Требуется: Вообще без опыта
Шей называет эту книгу простое и исчерпывающее руководство, предназначенное для помощи новичкам в изучении HTML и CSS.
Он делает это, сосредотачиваясь на общих элементах внешнего дизайна и разработки. Некоторые из рассматриваемых уроков: блочная модель, позиционирование, типографика, фон и градиенты, списки, медиа, формы и таблицы. В первой главе *Создание вашей первой веб-страницы Шей проанализировал содержимое типичного веб-сайта, включая элементы, атрибуты и настройку структуры HTML-документа, проверку кода, селекторы и сброс CSS. Я нахожу книгу очень поучительной, особенно потому, что она выходит за рамки поверхностного рассмотрения многих ключевых понятий с примерами кода, которые вы можете изучить.
Одна важная особенность этой замечательной книги заключается в том, что Шей создал полный проект с нуля на протяжении 12 уроков, и в конце каждого урока он предоставлял резюме и ссылки на текущее состояние этого веб-сайта (так что вы можете сравнить со своим, если вы следуете) и исходный код на каждом этапе уроков.
Если вы ученик, который учится на практике, вы найдете этот материал очень полезным, и к тому времени, когда вы закончите, вы разработаете многостраничный функциональный веб-сайт.
Расширенное продолжение курса также доступно бесплатно по той же ссылке.
HTML и CSS: изучите основы за 7 дней Майкл Кнапп
- Идеально для: Начало вашего фронтенд-путешествия
- Уровень обучения: Новичкам
- Требуется: Вообще без опыта
Сможете ли вы узнать все, что нужно знать о HTML и CSS, за семь дней? Вероятно, нет, но именно поэтому эта книга Майкла Кнаппа 2017 года сосредоточена непосредственно на основах. Майкл углубляется в краткий урок истории, прежде чем перейти к структуре, логике и представлению HTML и CSS. Вы быстро усвоите все до такой степени, что будете чувствовать себя довольно уверенно, собирая базовую веб-страницу, а также несколько дополнений по мере того, как книга будет касаться SEO и аналитики.
Книга состоит из простых программ, которые вы можете запустить на своем компьютере, если хотите следовать ей.
Версия электронной книги доступна бесплатно в Apple Books, но есть и версия для Kindle, если у вас уже есть там подписка.
Величайшие CSS-трюки, том. 1 Крис Койер
- Идеально для: Удивляясь тому, что может сделать CSS
- Уровень обучения: Intermediate
- Требует: Некоторый опыт работы с CSS
Знаете ли вы, что в CSS-Tricks есть книга по CSS? Было бы глупо исключить это из списка, потому что вы получаете набор классических приемов CSS, которые объяснил не кто иной, как Крис Койер. На самом деле, Крис отобрал все примеры, описанные в книге, за много-много (много!) лет управления этим сайтом из множества приемов, которые попадались ему на стол.
Каждый трюк решает определенную болевые точки. Например, первый Трюк «Закрепить прокрутку вниз»демонстрирует, как overflow-anchor Свойство CSS можно использовать для создания того же чат-интерфейса инструмента, такого как Slack, где экран закреплен внизу таким образом, что создается впечатление, что страница прокручивается для вас по мере добавления новых элементов.
Книги о процессе
Код так же важен КАК мы пишем код и сотрудничаем в проектах с другими, поскольку речь идет о самом коде, который мы пишем. Следующие книги являются отличной отправной точкой для всего, от планирования и управления проектами до общения и сотрудничества с другими людьми.
Сотрудничество: объединяйте людей вокруг цифровых проектов Эллен Де Врис
- Идеально для: Быть лучшим сотрудником
- Уровень обучения: Нет
- Требуется: Открытость для хорошей работы с другими!
Эллен обращается в этой книге к тому, с чем нам всем приходится иметь дело: сотрудничеству с другими. И это немаловажно — книга разделена на четыре части, в которых очень глубоко рассматриваются вещи, которые мы можем использовать для совместной работы с другими:
- Знайте, как подготовить почву и создать правильные условия для сотрудничества.
- Развивайте групповую культуру на ранних этапах сотрудничества.
- Поддерживайте здоровый процесс сотрудничества.
- Пожинайте плоды сотрудничества.
Как контент-стратег, у Эллен есть необходимый опыт, чтобы помочь любому стать частью совместного проекта или получить максимальную отдачу от сотрудничества.
Современный процесс веб-дизайна по веб-флоу
- Идеально для: Старшие дизайнеры, менеджеры проектов
- Уровень обучения: Нет
- Требуется: Некоторое базовое понимание CSS
В этой бесплатной электронной книге представлен семиэтапный процесс проектирования, призванный помочь определить рабочий процесс современного бренда веб-дизайна.
Это включает:
- Ставить цели
- Определение области действия
- Карты сайта и каркасы
- Работа с контентом
- Работа с визуальными элементами
- Тестирование
- Доставка и оплата
Любой, кто начинает новый дизайн-проект или находится в середине проекта, найдет бесценную информацию в этой книге. И что самое замечательное, так это то, как это написано таким образом, что создается впечатление, будто вы держите в руках весь проект от концепции до завершения.
Дизайн для Интернета Марк Боултон
- Идеально для: Учимся работать с клиентами
- Уровень обучения: Новичкам
- Требует: искренний интерес к дизайну
Кажется, что многие организации по-разному подходят к дизайну. Но автор Марк Бултон документирует тщательный рабочий процесс проектирования в Дизайн для Интернета который демистифицирует многие проблемы и охватывает все, что вам нужно знать.
Уникальность этой книги в том, что она действительно о работе. Конечно, есть куча чрезвычайно ценной информации о передовых методах дизайна для таких вещей, как типографика, цвет и макет, но что вы действительно собираетесь вынести из этой книги, так это КАК они вписываются в рабочий процесс проектирования. Он учит вас, как проводить исследования, технологиям, которые нам нужны для реализации идей, и, в конечном счете, тому, как работать с другими людьми, а также с клиентами — идеальная пища для людей, включая руководителей проектов, менеджеров проектов, фрилансеров или всех, кто участвует в процессе реализации проекта. .
Изучите контроль версий с помощью Git по башне
- Идеально для: Мастеринг Git
- Уровень обучения: Приветствуются все уровни
- Требует: Никаких предварительных знаний вообще
В этой книге команда разработчиков популярного Клиент Tower для Git познакомить учащихся с сутью системы контроля версий с использованием Git. Разработчики, работающие в команде, найдут это особенно полезным, так как это помогает эффективно сотрудничать с членами команды, создавая различные функции проекта, даже если вы находитесь за тысячи миль друг от друга. Тем не менее, это по-прежнему отлично подходит для тех, кто может стесняться командной строки и хочет укрепить там уверенность.
А поскольку книга написана создателем приложения, взаимодействующего с Git, вы получите хорошую дозу использования Tower в качестве графического интерфейса в дополнение к работе непосредственно в командной строке.
Итак, будь то коммит, ветвление, слияние, запросы на включение, разветвление или обработка конфликтов слияния, вы получите много полезного из этой книги.
Книги по JavaScript
Изучение JavaScript всегда кажется модным. Фактически, Джейсон Родригес писал о ландшафте изучения JavaScript в 2018 году. и предоставил хороший список бесплатных книг. С тех пор ничего нового не появилось, но вот мои мысли о следующих книгах.
Красноречивый JavaScript Марин Хавербеке
- Идеально для: Улучшение написания JavaScript
- Уровень обучения: От среднего до опытного разработчика
- Требуется: Предыдущий опыт работы с JavaScript
Красноречивый JavaScript действительно соответствует своему названию. Лично я считаю эту книгу одной из лучших книг по JavaScript, которые мне когда-либо попадались. Стиль письма Марджина привлекателен, особенно тем, как он представляет концепции программирования и увлекает читателя. По его словам, книга просто о инструктировать компьютеры и заставлять их делать то, что вы от них хотите.
Книга представляет собой глубокое погружение в JavaScript, состоящее из трех частей и 21 главы. Вы прочтете множество статей об основных понятиях программирования, таких как значения, типы, операторы и функции, и о продвинутых понятиях, таких как регулярные выражения, модули, DOM и асинхронное программирование. Он начинает каждую главу с несколько философской цитаты, чтобы подготовить читателя к тому, что ждет впереди, а затем сразу же погружается в тему.
Кроме того, есть три проекта, которые помогут вам попрактиковаться в новых навыках.
Понимание обещаний JavaScript Николас Закас
- Идеально для: Тем, кто хочет узнать все об асинхронном программировании с промисами в JavaScript.
- Уровень обучения: Intermediate
- Требуется: Основные приемы JavaScript
Обещания JavaScript были введены в 2015 году как часть спецификации ES6 для обработки асинхронных функций в JavaScript. По данным MDN:
Обещание — это объект, представляющий возможное завершение или сбой асинхронной операции.
В этой 51-страничной книге Николас объясняет концепцию промисов в трех главах: «Основы», «Связывание промисов» и «Работа с несколькими промисами». Хотя ссылка на книгу, которую мы предоставляем это бесплатная версия сообщества, полная версия (доступно на Amazon) содержит еще две главы об асинхронных функциях и отслеживании необработанных отклонений. Николас упростил концепцию Обещаний несколькими иллюстрациями и примерами. Вы узнаете, как использовать then(), catch()качества finally() и понять, как связать несколько обещаний вместе. Николас также занимается назначением обработчиков отклонений и расчетов. Вы можете прочитать книгу, чтобы укрепить свое понимание темы.
Николас — опытный автор книг по JavaScript, который пишет о JavaScript более 15 лет. В этой книге он привносит свой богатый опыт (так же, как и в его работа здесь, в CSS-Tricks).
Говоря JavaScript Аксель Раушмайер
- Идеально для: Повышение уровня с самого начала JavaScript
- Уровень обучения: Intermediate
- Требует: Знание объектно-ориентированного программирования.
Книга состоит из четырех глав, охватывающих более 30 тем. Вот как это ломается:
- Первая глава — хорошее напоминание о синтаксисе, типах переменных, функциях и обработке исключений.
- Вторая глава предлагает историческую перспективу JavaScript в качестве прелюдии к типам функций, описанных в остальной части книги.
- Глава 3 представлена как более или менее справочник с короткими, ясными примерами.
- В последней главе описаны советы, инструменты и библиотеки, которые помогут лучше писать JavaScript и следовать рекомендациям.
Секреты JavaScript-ниндзя Джон Резиг и Беар Бибо
- Идеально для: Создание кроссбраузерной библиотеки JavaScript с нуля
- Уровень обучения: Intermediate
- Требует: Некоторый предыдущий опыт программирования
На самом деле есть новое издание этой книги, Но издание 2012 года является бесплатным. В любом случае, это хорошая возможность поучиться у Джона Резига; знаешь, парень, который создали jQuery.
Описанные здесь методы включают замыкания, функции, модель DOM, объектную ориентацию с прототипами и кросс-браузерные стратегии. Одним из приятных преимуществ является то, что за каждой главой следует краткое резюме, которое идеально подходит для справки после прочтения книги.
Изучение шаблонов проектирования JavaScript, Эдди Османи
- Идеально для: Учимся писать более эффективный JavaScript
- Уровень обучения: Intermediate
- Требует: достойный уровень владения JavaScript
Концепция шаблона проектирования относится к повторно используемому решению часто повторяющейся проблемы при разработке приложений. В этой книге Эдди Османи описывает реализацию общих шаблонов проектирования с использованием ES6 и более поздних версий, а также шаблоны проектирования, специфичные для React, которые могут быть очень удобны при работе со сложными приложениями React, где удобство сопровождения является основной целью.
Некоторые из рассмотренных шаблонов включают шаблоны Singleton, Proxy, Provider, Prototype и Observer. В некоторых случаях Addy включает плюсы и минусы использования некоторых из этих шаблонов и то, как они могут повлиять на производительность вашего приложения.
Вы не знаете JS Кайл Симпсон
- Идеально для: Освоение JavaScript
- Уровень обучения: Новичок
- Требует: Небольшой опыт программирования или его отсутствие.
Хотя название может показаться немного провокационным, Кайл подразумевает здесь, что он пишет эту книгу, предполагая, что у вас вообще нет опыта работы с JavaScript.
Кайл начинает с изучения основ программирования через призму JavaScript. Затем в последующих главах он вводит более продвинутые концепции, такие как объем и замыкание, this ключевое слово, прототипы объектов, async, и производительность.
Здесь много отличных деталей и объяснений, и Кайл делает это очень простым для понимания, избегая супертехнического жаргона. Существует также множество упражнений, предназначенных для закрепления вашего обучения. Эта книга определенно поможет вам быстро освоить JavaScript. В работе второе издание книги которые вы можете отслеживать в GitHub.
Руководство для начинающих по JavaScript Флавио Копес
- Идеально для: Справочник для начинающих
- Уровень обучения: Только начали
- Требуется: Регистрация по электронной почте, возможно, некоторый предыдущий опыт
Флавио составил очень полезный справочник по JavaScript для тех, кто только начинает. Это больше похоже на краткое справочное руководство, чем на учебник, поэтому те из вас, кто только начинает, возможно, захотят рассматривать это как то, что вы держите на своем столе, а не то, с чем вы сидите в течение длительного периода времени.
JavaScript для науки о данных Ганс, Ходжес и Уилсон
- Идеально для: Приступаем к визуализации данных
- Уровень обучения: От среднего до продвинутого
- Требуется: Достойная обработка JavaScript
Авторы охватывают основные функции современного JavScript, включая обратные вызовы, промисы, наследование, объекты и классы. Они также попадают в тестирование, используя Кофе мокко, React и визуализация данных — все это отлично подходит для тех, кто хочет повысить уровень своего кода и того, как он написан. В книге не так глубоко рассматриваются многие концепции, как в некоторых других книгах, но она действительно сияет, когда попадает в науку о данных.
В книге используется Data-Forge; библиотека JavaScript, предназначенная для работы с табличными данными. Существует множество упражнений, которые помогут читателям не отставать от предмета обсуждения. Последняя глава также включает завершающий проект, который объединяет все вместе.
Подведение итогов
Я очень надеюсь, что эта коллекция книг поможет вам, независимо от того, делаете ли вы первые шаги в области веб-разработки, имеете за плечами дюжину лет опыта или находитесь где-то посередине. Я знаю, как тяжело впервые погрузиться в что-то новое и ощущение незнания, где искать. Я также знаю, каково это - достичь плато и нуждаться в чем-то, чтобы повысить свой уровень. Здесь должно быть что-то для каждого, независимо от того, на каком этапе обучения вы находитесь.
И, эй, если у вас есть другие книги, которые можно бесплатно купить в Интернете, поделитесь ими в комментариях! Бьюсь об заклад, мы можем составить еще больший список.
