admin 02 июня 2018

ТОП-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-визуализации зданий на Манхеттене. Можно изменять высоту “полета”, год и типы отображаемых строений.

Книги

Книги по web-development

  • Новая большая книга 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.

Другие материалы по теме:

Комментарии

ЛУЧШИЕ СТАТЬИ ПО ТЕМЕ