ТОП-20 инструментов и материалов по веб-разработке
Веб-разработке посвящено много литературы и статей, но ничто не стоит на месте. Мы подготовили актуальную подборку из мира сайтостроения.
Как уже повелось в этой серии, начнем с обзора статей по веб-разработке и интересных opensource-инструментов, которые могут пригодиться в вашем следующем проекте.
Статьи и обзоры
- ReLaXed – интерактивное создание PDF-документа при помощи CSS и JavaScript. Позволяет создавать письма, документы, книги, постеры, флаеры и т. д. Поддерживает математические уравнения Markdown и LaTeX, конвертацию в CSV, диаграммы и массу других функций.
- Pure CSS Francine. Полностью самописный инструмент для создания рисунков в стиле масляной живописи 18-го века.
- WhatsApp Web reverse engineered – это переизданная реализация API веб-клиента WhatsApp, связанная со стационарным клиентом через WebSockets.
- Очень перспективный продукт, призванный облегчить синхронизацию данных с облаком. jsonstore – бесплатное хранилище, которое позволяет удалять, хранить и добавлять данные средствами JSON и HTTP-запросов.
- Еще одна реализация системы кэширования изображений для сайта. Этот продукт умеет отображать изображения с наложением blur-фильтра и применять lazy load.
- Удобный генератор, помогающий создавать картинку, на которой будет показана частота всех вкладов, сделанных вами на гитхабе с момента регистрации. Созданным изображением можно поделиться в социальных сетях.
- bubbly-bg – простейший способ создать бэкграунд для сайта. Параметры цвета, количества пузырей и прочего можно указывать напрямую в конфиге. Элементарная установка и понятный мануал.
- Ultradome – это удобная библиотека для создания отдельных модулей и элементов сайта, таких как часы, счетчики, списки и т. д. Для создания модуля понадобится минимум кода на JavaScript и немного CSS.
- Стильная тема для Visual Studio, основанная на Material Design. Смотрится прекрасно и не утомляет глаза.
- nyc-buildings – пример 3D-визуализации зданий на Манхеттене. Можно изменять высоту “полета”, год и типы отображаемых строений.
Книги
- Новая большая книга CSS. Четвертое издание популярного труда по современным тенденциям веб-разработки. Книга содержит примеры, советы и реализации небольших актуальных задач, чтобы вы могли сразу практиковаться во время чтения.
- Создаем динамические веб-сайты. В рассмотрение включена как клиентская, так и серверная часть проекта. Масса понятных примеров и практических советов. Вы изучите MySQL, AJAX, CSS, HTML, PHP.
- HTML5 + CSS3. Основы современного WEB-дизайна. Свежая книга о современной веб-разработке за 2018 год. Изучение будет полезно для всех желающих лучше разобраться в верстке и динамических процессах.
Видеоуроки
- Полный и понятный курс из 78 уроков по HTML5 и CSS3.
- Еще один популярный русскоязычный канал с уроками для начинающих.
- Тридцатидневный курс по HTML и CSS для начинающих.
- Курс из 84 небольших уроков по верстке на английском языке – лаконично и понятно.
Курсы
- Курс молодого бойца по веб-разработке. На лекциях будут преподавать CSS, HTML, Node.js – ничего лишнего.
- Обширный курс по Javascript, состоящий из 126 лекций. Начальные знания нужны только в виде базы по CSS и HTML.
- Университет Джонса Хопкинса предлагает курс по веб-разработке на HTML, CSS и Javascript.