Сайтостроение \ Новости

Подразделение Google Area 120 создало мобильное приложение для изучения JS

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

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

Javascript & Ajax \ Javascript

Генераторы и итераторы ES6: Руководство для разработчиков

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

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

Javascript & Ajax \ Javascript

Документирование проектов Javascript

От автора: для чего нужно документировать проекты на Javascript? Мы все (надеюсь) знаем, насколько важна хорошая документация и справочные материалы для успешного программного проекта. Без хорошей документации конкретная библиотека может быть недоступна для использования. Без описания того, как разные компоненты и методы работают изолированно, не говоря уже о примерах того, как разные части проекта соотносятся друг с другом, нам остается только интерпретировать первоначальное намерение автора, просто изучая исходный код, или, если повезет, читать StackOverflow и гуглить посты о подобных ошибках. Если это внутренний или небольшой проект, вы, вероятно, можете особо не переживать по этому поводу. Берете на вооружение подход черной магии вуду — копи-паст, и надеетесь, что все будет работать по назначению!

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

Javascript & Ajax \ Javascript

Несколько советов, которые сделают PWA на iOS похожими на родные приложения

От автора: 30 марта состоялся долгожданный релиз iOS 11.3 с поддержкой базовых функций PWA на iPhone и iPad – сервис воркеры и манифест файлы. Хорошо, наконец-то, получить поддержку этих функций, но UX PWA на iOS все еще не идеален. Это значит, что множество выпущенных PWA iOS до сих пор имеют серьезные проблемы на устройствах Apple, а на Android работают почти, как родные приложения. Во front end сообществе уже высказали свое недовольство, список багов и проблем длинный. Но не опускайте руки! Ниже собрано несколько советов, как решить эти проблемы и максимально приблизить PWA к обычным приложениям.

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

Javascript & Ajax \ VueJS

Рендеринг списков и Vue директива v-for

От автора: рендеринг списков – одна из наиболее используемых практик в front end разработке. Динамический рендеринг списков часто используется для представления серии схожей сгруппированной информации в сжатом и дружелюбном для пользователя формате. Почти в каждом используемом нам веб-приложении можно найти списки контента во множестве областей. В этой статье я расскажу про директиву Vue v for при создании динамических списков, покажу пару примеров о том, почему для этого нужно использовать атрибут key. Мы все будем подробно объяснять при написании кода. Статья предполагает, что у вас нет знаний по Vue, или вы знаете совсем немного.

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

Верстка \ CSS 3

Нестандартные чекбоксы и радиокнопки на CSS3

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

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

CMS \ OpenCart

OpenCart – просмотр товаров и категорий из админки

От автора: приветствую вас, друзья. Итак, мы продолжаем цикл статей, посвященных знакомству с одной из популярнейших CMS для создания интернет-магазинов – OpenCart (Оперкарт). В этой статье мы поговорим о том, как перейти к просмотру конкретного товара или категории из админки. Для реализации поставленной задачи воспользуемся готовым модулем.

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

Javascript & Ajax \ Javascript

ES6 в действии: Символы и их использование

От автора: хотя ES2015 представил многие функции языка, которые уже определенное время значились в списках пожеланий разработчиков, есть некоторые новые функции, которые известны и понятны немного меньше. А преимущества их использования еще меньше — например, символы.

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