Литература для начинающих

С чего начать

Если вы только пришли в веб-разработку, то эти книги помогут вам освоиться и получить базовые знания.

1. HTML5 + CSS3. Основы современного WEB-дизайна - Кириченко А.В., Хрусталев А.А.

Этот учебник также прекрасно подойдет для новичков, так как тоже начинается с самых азов веб-программирования. Книга выпущена в 2018 году, все примеры, задачи, даже синтаксис уже основаны на современных версиях HTML и CSS с учетом их важных особенностей. Книга подойдет как «чайнику», который хочет разобраться в основах работы с сайтами, так и опытным верстальщикам или дизайнерам. Здесь рассматриваются в числе прочего методы создания современных адаптивных дизайнов, работа с визуальными формами и фреймворками, описание визуальных функций CSS3 и т.д. В книге очень много практических примеров.

2. HTML5 и CSS3.Разработка сайтов для любых браузеров и устройств - Бен Фрэйн

Ссылка для скачивания

Адаптивный веб-дизайн позволяет наилучшим образом отобразить содержимое сайтов на экранах устройств, используемых для просмотра. При этом веб-страницы будут хорошо смотреться на дисплеях не только современных устройств, но и тех, что появятся в ближайшее время. Начните разрабатывать сайты в соответствии с новой методологией адаптивного веб-дизайна, благодаря чему они будут красиво отображаться на экранах любых размеров. Читайте эту книгу, попутно создавая и улучшая адаптивные веб-дизайны с использованием HTML5 и CSS3. Вы научитесь применять на практике новые технологии и методики, призванные стать инструментами будущего для веб-разработчиков клиентских приложений.

3. Динамические сайты на HTML, CSS, JavaScript и Bootstrap - Кириченко А. В. , Дубовик Е. В.

Вся книга построена на примере создания полноценного динамического сайта с использованием возможностей HTML, CSS, JavaScript и Bootstrap. По каждому языку приведено базовое описание, рассмотрены способы комбинирования и практичные примеры использования программного кода. В доступной, пошаговой манере вы под руководством автора будете создавать свой первый слайдер, выбирать меню и оформление, работать с картинками и формами, настраивать интерфейс своего собственного сайта, разрабатывать лендинговую страницу и многое другое.

4. Карманный справочник по HTML5

Ссылка для скачивания

Хотя давно есть htmlbook.ru

5. Статья как работает GitHub

Литература для миддлов

Для тех, кто изучил основы

1. PHP 7 - Максим Кузнецов, Игорь Симдянов

Рассмотрены все нововведения языка и связанные с ними изменения в разработке современных Web-сайтов. Изложение ведется с упором на объектно-ориентированное программирование, шаблоны проектирования, итераторы, генераторы, а также взаимодействие с современными базами данных.

Если вы в совершенстве знаете основы веб-программирования - поднимаемся на уровень выше.

2. Создаем динамический веб-сайт с помощью PHP, MySQL, JavaScript, CSS и HTML5 - Робин Никсон

Ссылка для скачивания

Эта книга поможет вам освоить динамическое веб-программирование с применением самых современных технологий. Книга изобилует ценными практическими советами, содержит исчерпывающий теоретический материал. Для закрепления материала автор рассказывает, как создать полнофункциональный сайт, работающий по принципу социальной сети.

3. Программирование на JavaScript в примерах и задачах - Васильев А. Н.

Читать онлайн

Самоучитель по самому популярному сегодня языку веб-программирования JavaScript от автора уникальной методики обучения — Алексея Васильева. Книга содержит много примеров, специально подобранных автором для читателей, и их подробный разбор. Простой и легкий язык изложения, вкупе с примерами и пояснениями Васильева, делает этот учебник идеальным пособием по самостоятельному изучению JavaScript.

4. PHP и MySQL. Разработка веб-приложений - Денис Колисниченко

Даны начала программирования на PHP: установка и настройка Apache, PHP и MySQL, а также кроссплатформенной сборки XAMPP, выбор редактора PHP-кода, синтаксис языка и самые полезные функции PHP. Рассмотрено создание собственного движка сайта и ряда дополнительных модулей - фотогалереи, RSS-граббера, модуля для работы с MP3, сервиса reCAPTCHA, применение мощного шаблонизатора Smarty и создание простейшего собственного шаблонизатора. Показано, как с помощью технологии Ajax добиться обновления данных на странице без ее перезагрузки.

5. Чистый код. Создание, анализ и рефакторинг - Роберт Мартин

Ссылка для скачивания

Эта книга посвящена хорошему программированию. Она полна реальных примеров кода. Мы будем рассматривать код с различных направлений: сверху вниз, снизу вверх и даже изнутри. Прочитав книгу, вы узнаете много нового о коде. Более того, вы научитесь отличать хороший код от плохого. Вы узнаете, как писать хороший код и как преобразовать плохой код в хороший.

Дизайн и фриланс

Стоило бы почитать

Интересные книги для тех, кто хочет развиваться в сторону дизайна и начинать зарабатывать.

1. Современный веб-дизайн. Настольный и мобильный - Ю. А. Сырых

Эта книга предназначена для начинающих веб-дизайнеров. Она описывает основные правила и тонкости дизайнерской работы на всех этапах разработки сайта от постановки задачи, отбора материала и разработки макета, до тестирования готового сайта и публикации его в сети. Читатель найдет здесь знания и рекомендации, критически важные для успешного и грамотного дизайнера, подробное описание и примеры основных современных стилей веб-сайтов, множество небольших, но очень полезных советов.

2. Дизайн и фриланс. Начало - А. Бычков

Руководство к самостоятельному заработку. Все от правил деловой переписки до хоткеев в Фотошопе и сравнению дизайнов.

Сервисы для разработчиков

Полезные инструменты

Pastebin

Позволяет передать фрагменты текста или кода. В дополнение есть подсветка синтаксиса, возможность установить пароль и таймер удаления.

CanIuse

Показывает доступность различных технологий в версиях браузеров.

MusicForProgramming

Различная музыка с гибкими настройками, если нет Спотифая.

Repl.it

Онлайн-редактор кода. Примеры работ других пользователей, хостинг проектов, возможность создать команду для совместной работы.

Codepen

Наверное самый популярный онлайн-редактор кода.

Playcode, JsFiddle, JsBin

Похожие друг на друга редакторы JavaScript.

Obfuscator

Гибкий обфускатор. Тем, кому нужно создать нечитаемый код.

Fontawesome

Иконки разных форматов.

CSS clip-path maker

Простой онлайн-инструмент для обрезки картинок по заданному трафарету.

CSS Grid Generator

Визуальный интерфейс очень простой, поэтому быстро накидать сетку не составит труда. Помимо таких базовых функций, как ввод количества строк, столбцов и отступов, есть возможность перетаскивать в ячейки div-блоки.

Fancy Border Radius Generator

Генератор позволяет рисовать сложные фигуры с закруглёнными углами. На выходе мы получаем набор значений свойства border-radius.

Smooth Shadow generator

Это генератор теней, позволяющий через удобный UI менять параметры свойства box-shadow. В CSS3 свойство box-shadow отвечает за эффекты тени, которые возможны для большинства элементов веб-страницы. Инструмент, в частности, позволяет настраивать такие параметры, как вертикальное смещение, размытие, растяжение и прозрачность.

Neumorphism.io

Neumorphism позволяет создавать градиенты и тени. Кроме того, с ним легко подобрать и сгенерировать цвета для вашего сайта.

CSS Accordion Slider Generator

Бесплатный онлайн-сервис, позволяющий настроить через UI и сгенерировать горизонтальные и вертикальные аккордеон-слайдеры на HTML и CSS, без использования javaScript.

Get Waves

Генератор создает svg-вектор с заливкой волнообразной формы.