Присоединяйтесь к нам
Веб-разработка — Highload.today
AJAX и jQuery: примеры отправки данных
Редакция Highload разобралась, как в jQuery отправлять AJAX-запросы POST и GET, а также работать с JSON. В этом материале мы получим базовые сведения о работе с популярной связкой AJAX и jQuery, которая часто встречается в современной веб-разработке.
Map() в JavaScript: главный секрет метода
Редакция Highload разобралась, как и зачем использовать метод map() массива JavaScript, на реальных примерах.
Чтобы сайт быстро запускался и был в топе Google: когда в разработке не обойтись без Next.js
Next.js — это JavaScript-фреймворк, внутри которого работает библиотека React. С его помощью можно было бы легко разрабатывать статические сайты, ведь он может делать это «из коробки». Но в наши дни редкий сайт обходится без интерактива, и главное, за что любят Next.js — возможность предварительного рендеринга страниц динамических сайтов на стороне сервера.
Frontend-разработка: как научиться?
В этом кратком руководстве для новичков попробуем разобраться с веб-программированием на стороне клиента. Узнаем о необходимых для этого востребованного направления знаниях, условиях обучения и перспективных возможностях.
Использование JavaScript Fetch API для получения данных
Fetch() позволяет делать запросы, схожие с XMLHttpRequest (XHR). Основное отличие (оно же преимущество) заключается в том, что Fetch API использует Promises (промисы), которые позволяют использовать более простое и чистое API, избегать катастрофического количества callback’ов и необходимости помнить API для XMLHttpRequest. Так давайте же пощупаем в этой статье этот славный Fetch API на предмет основ его применения.
JavaScript-фреймворк Vue.js: особенности и примеры реализации
В современной веб-разработке Vue.js — один из самых популярных инструментов фронтендера. В небольшом руководстве для новичков попробуем последовательно разобраться с его основами.
Руководство по Redux для начинающих
Redux — популярный менеджер состояний в веб-приложениях. Обычно его используют в связке с React, но поддержка не ограничена только этой популярной JS-библиотекой. Можно применять Redux вместе с Angular, Vue и даже ванильным JavaScript.
CSS Flexbox: легкий старт для новичков
CSS Flexible Box Layout Module (CSS модуль для макетов с гибкими блоками), проще говоря Flexbox («флексбокс») — это технология, упрощающая верстку отдельных элементов HTML-страницы. Этот модуль предоставляет возможность при помощи CSS3 быстро и удобно позиционировать блоки на странице, подстраиваясь под разные варианты разрешения экрана. В этой статье мы узнаем, как быстро и легко верстать современные веб-страницы на основе этой техники.
Создаем авторизацию по почте или имени на Laravel: короткая инструкция
Лично мне всегда было удобнее использовать почту для логинизации. Совсем непонятно, зачем еще нужно запоминать какой-то username для каждого отдельного сайта. Видимо, такой же логикой руководствуются разработчики Laravel, предоставляя «из коробки» систему авторизации на основе почтового адреса. Но если вдруг вы захотите/поступит задача дать пользователю возможность входа через email или username на выбор — эта короткая инструкция вам в помощь!
Null в JavaScript: как не сломать себе шею на ровном месте
Ноль, ничего, отсутствует, пусто — в нашей повседневной жизни это слова-синонимы, обозначающие примерно одно и то же. Но в программировании с этим есть нюансы, о которых мы мало задумываемся в обыденной жизни. Например, как выразить то, что отсутствует вообще, или что было, но теперь его нет? Если мы предполагаем, что что-то должно быть, а его пока нет? Что изменится, если это можно было бы посчитать? А если нет? И это не исчерпывающий список возможных вариантов для «типизации» пустоты.
Фреймворк, который ускорит работу: как установить Tailwind в Laravel-проект
Tailwind — интересный css-фреймворк, позволяющий быстро создавать нестандартные блоки без ручной борьбы с настройкой стилей. Он оправдывает свое название (в переводе с англ. «попутный ветер»), не требуя от разработчика долгих часов на свое изучение.
AJAX: его история, устройство и проблематика
Наверное, все, кто так или иначе имеет дело с веб-разработкой, слышали и знают аббревиатуру AJAX. О ней много вопросов на собеседованиях, снято много обучающих роликов, написана куча разных how-to по JavaScript. Об AJAX говорят как о какой-то прорывной технологии, без которой ваш сайт — это унылый динозавр. Но… скорее, это AJAX — унылый распиаренный динозавр. Давайте попробуем понять, почему, в этой статье для всех фронтендеров-новичков.
Веб-приложения: виды, архитектура и принципы работы
Редакция Highload разобралась, что такое веб-приложение, каких видов оно может быть и каковы его преимущества перед статическими сайтами.
От PHP до инструментов Google: 10 самых популярных веб-технологий в Украине в 2021 году
Всем привет! В прошлой статье мы рассмотрели самые популярные хостинги и регистраторы в нашей стране, а сегодня расскажем о самых распространенных веб-технологиях в Украине.
Как написать одностраничное приложение на Laravel и Vue.js за 45 минут
Всем привет! В этой статье я предлагаю вам написать вместе со мной простое одностраничное приложение меньше, чем за час. Для этого воспользуемся веб-фреймворком Laravel, который по умолчанию включает в себя популярный фронтенд-фреймворк Vue.js.
Краткий справочник кодов состояний HTTP
HTTPS Status Codes — это стандартизированные коды, которые веб-сервер возвращает в ответ на HTTP-запросы сетевых клиентов. Они помогают понять статус: было ли соединение успешным или такой страницы не существует, есть ли перенаправление или превышен таймаут. В этой статье — подробный список кодов ответов с понятным описанием.
OAuth 2.0 — основы понятным языком
Рассмотрим типичную ситуацию. Вы нашли в интернете интересный ресурс (пусть это будет к примеру портал онлайн-курсов coursera.org), но чтобы им полноценно воспользоваться, нужно создать личный аккаунт и войти в него. Вас не особо радует необходимость «стопятьсот» раз проходить нудную процедуру регистрации: придумывать логин и пароль, вводить личные данные, потом как-то это все запоминать.
Методы HTTP-запросов: примеры и возможные проблемы
HTTP — это популярный протокол связи, который используется для просмотра веб-страниц. Он определяет несколько стандартных методов, которые указывают ресурсу, какое действие нужно выполнить: отдать данные, внести изменения, удалить объект. В этой обзорной статье мы рассмотрим структуру запросов, примеры использования методов, а также разницу между ними.
ES6, ES8, ES20201: что такое ECMAScript и чем он отличается от JavaScript
Если вы тоже путаете или вообще не понимаете, чем ECMAScript отличается от JavaScript и что это такое, то это статья для вас. С небольшим углублением в историю и на конкретных примерах мы разберем, где здесь стандарт, где спецификация, а где — реализация.
Создание favicon для сайта
У рядового пользователя нередко встретишь более 20 открытых вкладок в браузере, по которым он легко ориентируется. Как он это делает? Запоминает название каждой вкладки? Все гораздо проще. Если вы взгляните на свои же вкладки, вы увидите, что каждая из них имеет свой значок рядом с названием страницы.
Основы CSS-верстки: как с помощью Flexbox компоновать элементы на странице
Если простыми словами, то Flexbox — это такая структура CSS, которую мы используем для отображения и упорядочивания элементов внутри другого элемента или контейнера.
Сайт со сложным функционалом может обойтись в $50 тыс.: как карантин взвинтил цены на разработку
С 2018 года наш сервис проводит опросы и исследования услуг студий и фирм с целью проанализировать IT-рынок. В этом исследовании наша главная задача — определить размер среднего чека разработки сайтов, онлайн-магазинов и других ресурсов в 2021 году, с учетом вида, уровня сложности и пакета функций. Вы увидите, как глобальный переход на удаленку, развитие e-commerce и нестабильное экономическое положение повлияли на стоимость разработки сайтов в Украине.
Сделать сайт интереснее: учимся создавать анимацию в CSS3
Цель анимации — обратить на себя внимание. Человек замечает любые движения на уровне инстинктов. Если анимация сделана на высоком уровне и гармонично вписывается в дизайн сайта, то она значительно увеличит уровень обратной связи. В нашей статье мы разберем, что такое CSS3-анимация и как ее использовать.
Как создавать и стилизовать чекбоксы: подробный гайд
Чекбокс — это компонент ввода на сайте, который обычно выглядит как пустой квадрат в невыбранном состоянии, а если его выбирают, то он меняет вид — в квадрате появляется галочка.
Верстаем на Grid в CSS: гайд по основным понятиям с примерами
CSS Grid Layout — это модуль CSS, который разделяет веб-страницу на колонки и строки. В получившейся двумерной сетке могут размещаться разные элементы. Управлять их размером и положением можно с помощью свойств CSS Grid. Они помогают отображать элементы на экране по горизонтали и вертикали без внесения изменений в структуру кода.
Как создать приложение на Flutter Web и обойти подводные камни без вреда для проекта
Технология Flutter быстро заняла почетную нишу на рынке разработки кроссплатформенных мобильных веб-приложений. Основное преимущество — единая база кода, которая позволяет одновременно разрабатывать приложения как на iOS, так и на Android, как для десктопных, так и для веб-приложений.
Как создавать кнопки в Bootstrap: гайд по настройке цветов и размеров
Bootstrap — это фреймворк, набор инструментов для разработки сайтов, включая HTML- и CSS-шаблоны. В этой статье мы расскажем, как создавать всевозможные кнопки. Начнем!
Что такое Blazor?
Blazor — это фреймворк, с помощью которого можно создавать приложения для браузера. Он написан на .NET и запускается с WebAssembly, поэтому разработчики могут работать как со стороной клиента, так и со стороной сервера. Его можно скачать по ссылке.
Как создать и настроить проект на ASP.NET: пошаговая инструкция
ASP.NET — это платформа для разработки веб-приложений, созданная Microsoft. Но давайте начнем с самого начала. В 2002 году компания задалась целью создать общеязыковую среду исполнения, которая бы работала с общими типами и удовлетворяла общеязыковой спецификации, обеспечив взаимодействие разных языков программирования.
Как использовать медиа-запросы в CSS?
Медиа-запросы — это особые правила применения CSS, с помощью которых можно менять стиль элементов, отталкиваясь от устройств, на которых будут просматривать веб-страницу.
Flex-grow в CSS: как это работает
Flex-grow является CSS-свойством модуля Flexbox, который отвечает за построение гибких макетов. Модель Flexbox (с англ. «гибкая коробка») довольно популярна, отчасти на ее основе создавался когда-то Bootstrap — фреймворк для создания адаптивных дизайнов. В модуле содержится набор свойств. Они назначаются родительским и дочерним элементам для их распределения по всем правилам современной CSS-верстки.
Для чего нужен localStorage: как работать с веб-хранилищем
В нашей сегодняшней статье мы разберемся, что такое localStorage. LocalStorage — это свойство, открывающее доступ к специальному объекту Storage (хранилище). Его используют для получения информации из локального хранилища. Данные хранятся там неограниченный период и могут быть удалены только при помощи JavaScript.
Адаптивная верстка: как научить сайт «приспосабливаться» к любому девайсу
Хочется, чтобы сайт выглядел красиво не только на экране ноутбука, но на планшете и смартфоне. Поэтому важно научить его «приспосабливаться» к любой технике. И в этом поможет правильно выбранный тип верстки.
Самые обсуждаемые статьи