Javascript & Ajax \ Javascript

Отладка JavaScript в производственной среде с помощью карт источников

От автора: для чего нужна отладка JavaScript? В наши дни код, который вы используете для написания приложения, обычно не тот же код, который был развернут в производственной среде и интерпретируется браузерами. Возможно, вы пишете исходный код на языке, который «компилируется» в JavaScript, например CoffeeScript, TypeScript или в последней версии стандарта JavaScript, ECMAScript 2015 (ES6). Или, что еще более вероятно, вы минимизируете свой исходный код, чтобы уменьшить размер файлов развернутых скриптов. Вероятно, вы используете такой инструмент, как UglifyJS или компилятор Google Closure.

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

Javascript & Ajax \ Javascript

Как использовать Bootstrap с React

От автора: с ростом популярности одностраничных приложений за последние несколько лет появилось много интерфейсных JavaScript-фреймворков, таких как Angular, React, VueJS, Ember, этот список можно продолжить. В результате использование DOM-библиотек, таких как jQuery, больше не является необходимым требованием для создания веб-приложений. С другой стороны, появилось несколько фреймворков CSS, которые помогут удовлетворить требования построения адаптивных веб-приложений. Почти каждый разработчик интерфейса должен либо использовать, либо слышать о Bootstrap, Foundation или Bulma, каждый из которых представляет собой адаптивную (мобильную) структуру CSS с надежными функциями и встроенными утилитами.

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

Верстка \ CSS 3

Закругленные внутрь углы при помощи CSS

От автора: каждый из вас сможет сделать закругленные углы для блока. Для стандартного закругления углов достаточно прописать одну строку css кода. Но что делать если углы блока должны быть закруглены внутрь элемента? В данном уроке мы рассмотрим с вами одну из возможностей создания закругленных внутрь углов для элементов.

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

Премиум \ JavaScript \ Библиотека JQuery UI (User Interface)

Библиотека JQuery UI

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

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

Javascript & Ajax \ Angular

Выполнение обнаружения изменений Angular Ivy: вы готовы?

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

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

Javascript & Ajax \ Javascript

Создание многоразовых компонентов React

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

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

Верстка \ CSS 3

Стратегическое руководство по использованию пользовательских свойств CSS

От автора: пользовательские свойства CSS (иногда называемые «переменными CSS») теперь поддерживаются во всех современных браузерах, и люди начинают использовать их в производстве. Это здорово, но они отличаются от переменных в препроцессорах, и я уже видел много примеров использования ими людей, не учитывая, какие преимущества они предлагают.

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

Премиум \ HTML&CSS \ Курс по CSS3

Курс по CSS3

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

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