Javascript & Ajax \ VueJS

Обзор Vue.js 3.0 от Эвана Ю

От автора: Эван Ю во время его основного выступления на Vue Toronto провел обзор Vue 3. Используя новые возможности, доступные современными браузерами, Vue 3 станет улучшенной версией Vue.js, который мы уже знаем и любим. Мы сделали заметки и объединили их со своими слайдами ниже.

Продолжить чтение

Javascript & Ajax \ Javascript

Создание визуального редактора JavaScript

От автора: недавно я провел некоторое время, разрабатывая собственный визуальный редактор JavaScript под названием Demoit. Что-то вроде CodeSandbox, JSBin или Codepen. Я уже писал о том, почему я это сделал, но теперь решил поделиться некоторыми деталями реализации. Все происходит во время работы в браузере, поэтому это довольно интересный проект.

Продолжить чтение

Javascript & Ajax \ React

Обзор свойств рендеринга в React

От автора: рендеринг в React — это метод эффективного повторного использования кода. Согласно документации React, «компонент со свойством рендеринга принимает функцию, которая возвращает элемент React и вызывает ее вместо реализации собственной логики визуализации». Чтобы понять, что это значит, давайте рассмотрим шаблон свойства рендеринга, а затем применим его в нескольких простых примерах.

Продолжить чтение

Javascript & Ajax \ Javascript

Отложенная загрузка изображений для увеличения производительности веб-сайта: пять методов

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

Продолжить чтение

Javascript & Ajax \ Angular

Стили в Angular

От автора: компоненты Angular имеют это интересное поведение, называемое ViewEncapsulation — оно определяет стиль для компонента, и область его применения ограничивается только этим конкретным компонентом. В зависимости от его настройки, переопределение этих стилей, однако, может быть сложным. Как же тогда мы можем иначе добавлять стили в Angular приложениям?

Продолжить чтение

Javascript & Ajax \ React

Плавная прокрутка в React: реализация

От автора: плавная прокрутка, не знаете, что это такое? Ну, вместо того, чтобы нажимать на кнопку и мгновенно перемещаться на другую часть (той же) страницы, пользователь перемещается туда с помощью анимации. Прокрутка в React – это одна из тех тонких особенностей сайта, которая создает невероятную разницу в плане эстетики. Я лично только что реализовал это на одном из своих сайтов, потому что мне нравится опыт, который это предоставляет пользователю.

Продолжить чтение

Javascript & Ajax \ Angular

Контрольный список по написанию чистого кода в Angular

От автора: Angular быстро превратился в одну из самых популярных платформ для создания front-end кросс-платформенных веб-приложений. В то время как Angular — чрезвычайно мощный фреймворк с широким набором инструментов, его трудно освоить, особенно если это ваш первый JavaScript-фреймворк. В попытке уменьшить сложность и помочь другим разработчикам я решил составить контрольный список по написанию чистого кода, который включает мои личные рекомендации для того, чтобы написать чистый, готовый к производству код Angular.

Продолжить чтение

Javascript & Ajax \ Javascript

10 вещей, которые вам нужно изучить на пути становления web-мастером JavaScript

От автора: я думаю, вы веб-разработчик. Надеюсь, вы преуспеваете, и у вас отличная работа, может быть, вы даже ведете свой бизнес или работаете в качестве фрилансера. Возможно, вы только начинаете работать в качестве веб-разработчика, возможно, вы уже давно работаете. Как бы вам ни было комфортно работать с JavaScript, всегда полезно освежить в памяти некоторые темы. Вот 10 вещей, которые вам обязательно нужно изучить, прежде чем вы сможете называть себя — web-мастер JavaScript.

Продолжить чтение

Javascript & Ajax \ Ajax

Загрузка изображений. Библиотека DropzoneJS

От автора: приветствую вас, друзья. Итак, мы продолжаем реализацию функционала современной загрузки изображений на сервер и прикреплению загруженных файлов к записям. Итак, функционал управления базовым изображением готов. Мы можем загружать, сохранять и удалять изображение. В этом уроке мы еще немного настроим объект dropzone и добавим возможность ресайза изображений на клиенте перед отправкой его на сервер.

Продолжить чтение