Анимированное руководство по CSS flex

CSS flex — свойство, определяющее способность элемента растягиваться или сжиматься для заполнения собой доступного свободного пространства. Рассмотрим, как оно работает.

Обложка статьи «Анимированное руководство по CSS flex»

Инструменты для организации эффективного процесса веб-разработки

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

Обложка статьи «Инструменты для организации эффективного процесса веб-разработки»

События и курсы

Обложка поста

Ускоряем загрузку своего сайта

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

Обложка поста

Как благодаря WebAssembly получилось ускорить приложение в 20 раз

В этой статье мы рассмотрим реальный случай, когда команде удалось ускорить своё браузерное приложение, заменив медленные вычисления JavaScript на предкомпилированный WebAssembly. Что такое WebAssembly? Если коротко, WebAssembly (Wasm) — это…

Вакансии, где нужны знания по теме «Веб-разработка»

Обложка поста

Как стать full stack разработчиком

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

Пишем одностраничное приложение с Flask и Vue.js

Это пошаговое руководство по настройке CRUD-приложения с помощью Vue и Flask. Вы узнаете как создать новое приложения с Vue CLI.

Обложка поста

Насколько глубоко фронтенд- и бэкенд-программисты должны знать смежный стек — отвечают эксперты

Для максимально эффективной работы бэкенд-разработчик должен разбираться во фронтенде, а фронтенд-разработчик — в бэкенде. Но насколько глубоко?

Обложка поста

Webpack на практике: с нуля до создания автотестов

Это руководство поможет создать сборку для небольшого веб-приложения, а затем научит вас использовать Webpack для настройки автоматических тестов.

Обложка поста

Сила и мощь веб-компонентов

С помощью веб-компонентов облегчается повторное использование кода в веб-приложениях. В статье рассматриваем template, Custom Elements и Shadow DOM…

Обложка поста

Рефакторинг через классы: вычищаем свой JavaScript-код

В средних и больших проектах рационально выносить часть функциональности в отдельные классы. В статье рассотрен необольшой пример такой оптимизации.

Обложка поста

Разработка веб-серверов на Go

Разработка веб-сервера на языке программирования Go – достаточно лёгкая задача. В статье рассмотрим возможности для гибкой настройки работы сервера.

Обложка поста

Пишем чат с анализом настроения с помощью Next.js

Это руководство помогает создать очень простое приложение чата со эмоциональным анализом с помощью модулей Next.js (React), Pusher и Sentiment Node. Несмотря на то, что здесь затрагиваются лишь основы, есть множество продвинутых инструментов, которые помогут вам создать более продвинутое приложение чата.

Обложка поста

Видеокурсы по лучшим бесплатным движкам для сайта

В подборку вошли видеокурсы по бесплатным системам управления содержимым (CMS) WordPress, Drupal, Joomla! и MODX, позволяющим создать сайты различного типа.

Видеокурсы по работе с бесплатными CMS

Серверный или клиентский рендеринг на вебе: что лучше использовать у себя в проекте и почему

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

Обложка поста
Обложка поста

Манипуляции с DOM на чистом JavaScript

Данная статья проведёт краткий экскурс в JavaScript DOM. Вы научитесь работе с ним, узнаете его преимущества и недостатки. Напишите свою библиотеку.

Краткое введение в Bootstrap

Bootstrap — один из самых распространённых инструментов для фронтенд разработчиков. Мы рассказываем, как начать работать с этим фреймворком.

Bootstrap

Создание веб-приложения с помощью Vue.js, Vuetify и Firebase

В этом видеокурсе рассматривается создание веб-приложения для изучения немецкого языка на связке Vue.js, фреймворка Vuetify и облачного сервиса Firebase.

Создаём веб-приложение с помощью Vue.js, Vuetify и Firebase
Подборка книг по веб-разработке

Подборка книг для начинающего веб-разработчика

В перечне книг вы найдёте материалы по JavaScript, Node.js, React.js, CSS, HTML, паттернах проектирования и адаптивному веб-дизайну.

JavaScript обложка

Шпаргалка по современному JavaScript

В данном материале собраны основные концепции и принципы современного JavaScript, которые помогут быстро найти и вспомнить необходимую фичу. Содержание Объявление переменных var, const, let Стрелочные функции Параметры функции по умолчанию…

React: практики, которые помогут стать продвинутым разработчиком

React — популярный веб-фреймворк. Если изучить его глубже, то будет проще разобраться с другими проектами на его основе.

Обложка поста

Создаём сайт без навыков программирования: обзор лучших конструкторов

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

Обложка поста

Русскоязычный видеокурс «Vue.js для начинающих»

Vue.js — это JavaScript-фреймворк для создания динамичных сайтов и одностраничных веб-приложений. Серия видеоуроков познакомит с его возможностями.

Видеокурс по Vue.js

В помощь веб-разработчику: полезные проекты и инструменты для работы с Chrome DevTools

Если вы работатете с инструментами разработчика Chrome и их протоколом, то вы по адресу — здесь представлена подоборка проектов, которые могут пригодиться.

Обложка поста
Топ книг по программированию 2018 года

Топ книг по программированию, вышедших на русском языке в 2018 году

В топ вошли книги на темы веб-разработки, языков программирования, DevOps, чистой архитектуры и алгоритмов, ОС, безопасности, deep learning и Big Data.

Новый год

Как украсить свой сайт к Новому году?

Мы собрали подборку из нескольких скриптов, которые создадут атмосферу Нового года на вашем сайте. Внедряйте и радуйте своих посетителей.

Создаём офлайн-страницу для своего сайта

Все знают о страницах 404, но использование брендированных офлайн-страниц пока редкость. Разбираемся, как восполнить этот пробел.

Обложка поста
Обложка поста

Как сделать PWA — прогрессивное веб-приложение

Разбираем создание простого прогрессивного веб-приложения на основе существующего шаблона.

Обложка поста

Кейс: как Pinterest перешёл на PWA и увеличил активность пользователей на 60 %

Для привлечения новых пользователей Pinterest заменили свой старый мобильный сайт прогрессивным веб-приложением. Разбираемся, что в итоге вышло.

Обложка поста

Верстаем правильно: знакомство с Flexbox и Grid

Знакомство с CSS-вёрсткой в 2018 году. Рассказываем, как использовать Flexbox и Grid для создания красивой разметки и чем они лучше старых методов.

Прячем JavaScript-код на фронтенде от посторонних

Как защитить ваш уникальный код от копирования с помощью веб-сокетов, крипторов, обфускации и других методов? Разбираемся, как защитить код на JavaScript.

Обложка поста
Обложка поста

React.js для продолжающих

Итак, вы разобрались с основами React. Что дальше? А вот что — 5 концепций, изучение поднимет ваш скилл на новый уровень.

HighLoad++ 2018

Трансляция конференции HighLoad++ 2018

8−9 ноября в Сколково пройдёт крупнейшая в России ежегодная dev-конференция HighLoad++ 2018. Мы будем вести трансляцию выступлений из главного зала.