Tagged

web

A collection of 45 posts

CI и развертывание React приложений
web

CI и развертывание React приложений

Настройка среды разработки React может показаться запутанной и сложной для новичков. Вы, наверное, слышали, что разработчики говорят о необходимости различных пакетов, таких как babel, webpack и так далее (но это спорно). C ростом популярности React, есть несколько проектов с шаблонами, которые помогают разработчикам настроить подходящий энвайромент для React. create-react-app -

Повышаем скилы с помощью методов JavaScript за пару минут
web

Повышаем скилы с помощью методов JavaScript за пару минут

Большинство приложений, которые мы создаем сегодня, требуют преобразования колекций данных. Обработка элементов в коллекции - это частая операция, с которой вы, скорее всего, столкнетесь. Забудьте обычный способ реализации цикла for через (const i; i < value.length; i++ ). Прим. Как верно подметили читатели, код с const вообще работать не будет.

Многоликий this в JS
web

Многоликий this в JS

В этом посте я сделаю все возможное, чтобы объяснить одну из самых фундаментальных частей JavaScript: контекст выполнения. Если вы много используете JS-фреймворки, понимание «this» может сначала показаться приятным дополнением. Однако, если вы собираетесь серьезно относиться к программированию, понимание контекста абсолютно важно для того, чтобы быть JavaScript программистом. Мы используем this

Гибридные нейронные сети с GPU ускорением в JavaScript
web

Гибридные нейронные сети с GPU ускорением в JavaScript

Согласно отчету Octoverse 2017, JavaScript является самым популярным языком на Github. Измеренный по количеству пул реквестов и уровеню активности JavaScript сопоставим с Python, Java и Go. JavaScript завоевал Интернет и вторгся на сервер, мобильные телефоны, настольные и другие платформы. Между тем, использование GPU ускорения значительно расширилось за рамки компьютерной графики

Отладка Front-end: HTML/CSS
web

Отладка Front-end: HTML/CSS

Я представляю, что по крайней мере половина из вас прямо сейчас думает: «Это же даже не язык программирования». Тем не менее ... неумение отладки HTML/CSS вызывает серьезные проблемы при разработке веб-приложений. Не каждый разработчик знает, что у него есть мощный отладчик, прямо под его носом, который поможет ему отслеживать и

Отладка Front-end: Console
web

Отладка Front-end: Console

Разработчики пишут код и допускают ошибки, конечно, не намеренно, но все же. Чем старше ошибка, тем труднее ее найти и исправить. В этой серии статей я попытаюсь показать, что вы можете сделать, используя Google Chrome Devtools, плагины Chrome и WebStorm. В этой серии есть еще Как отлаживать Front-end: HTML / CSS.

Инструменты, о которых мне следовало бы знать прежде, чем я стал кодить. Часть 2
web

Инструменты, о которых мне следовало бы знать прежде, чем я стал кодить. Часть 2

Несколько дней назад я написал статью для freeCodeCamp, которая с тех пор была прочитана больше раз, чем я мог себе представить. Реакция сообщества была подавляющей, унижающей и вдохновляющей. С целью максимального распространения этой статьи, я отправил ее в r/learnprogramming, думая, что она окажется полезной для некоторых начинающих программистов. Пост

План изучения JavaScript на 2018
web

План изучения JavaScript на 2018

Вы уже несколько лет работаете в сфере технологий, вы знаете HTML и CSS внутри и снаружи, и вы нормально зарабатываете. Но ваш внутренний голос продолжает шептать: «Пришло время для чего-то нового, для следующего шага в вашей карьере. Вам нужно научиться программированию». Да, прямо здесь. Я сменил много ролей в технической

Изучение CSS переменных за 5 минут
web

Изучение CSS переменных за 5 минут

Быстрый туториал о том, как начать работу. Пользовательские свойства CSS (также известные как переменные) - большая победа для разработчиков интерфейсов. Они привносят силу переменных в CSS, что приводит к меньшему повторению, лучшей читаемости и большей гибкости. Кроме того, в отличие от переменных препроцессоров CSS, переменные CSS фактически являются частью DOM,

Инструменты, о которых мне следовало бы знать прежде, чем я стал кодить
web

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

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

face-verify.js: Мониторинг пользователя, который просматривает сайт.
web

face-verify.js: Мониторинг пользователя, который просматривает сайт.

Во имя безопасности, конечно же. Это демо проект, показывающий, как технология Machine Box может быть интегрирована в JavaScript приложения. Facebox может взять изображение и рассказать вам, сколько лиц он видит, а также кому принадлежат эти лица, если вы ранее показали ему всего лишь 1 пример. Мы можем использовать эту возможность

Начинаем разработку с Web Bluetooth и Progressive Web Apps
front-end

Начинаем разработку с Web Bluetooth и Progressive Web Apps

Небольшое введение Web Bluetooth - это новая технология, которая соединяет Web с Интернетом Вещей. Web Bluetooth довольно молодой, он все еще перекраивается и прототипируется! Но это, конечно же, не значит, что мы не сможем с ним поиграть... По сути, Web Bluetooth позволяет вам управлять любым устройством Bluetooth Low Energy (умной

BLE & GATT или как отправить данные по Bluetooth.
DIY

BLE & GATT или как отправить данные по Bluetooth.

Разрабатывая кормушку для кота, я в итоге прикрутил к ней блютус. Конечно, можно поставить на телефон обычный Bluetooth to Serial Terminal и спокойно слать нужные команды. Но так как мы не ищем простых путей, я решил написать свое приложение (на JS + Cordova) для общения с модулем HM-10. Однако, общение оказалось

Освоение Chrome Developer Tools: техники нового уровня в разработке front end
front-end

Освоение Chrome Developer Tools: техники нового уровня в разработке front end

Возможно, вы уже знакомы с основными функциями Chrome Developer Tools: инспектором DOM, панелью стилей и консолью JavaScript. Но есть ряд менее известных функций, которые могут значительно улучшить отладку или воркфлоу разработки приложений. Темная тема Chrome оснащен встроенной темной темой для dev tools. Вы можете включить её, щелкнув значок трех точек

Progressive Web Apps  —  cледующий шаг в разработке веб приложений
web

Progressive Web Apps  —  cледующий шаг в разработке веб приложений

Что, если я скажу вам, что теперь веб-разработчик может легко создавать мобильные приложения? Все, что вам нужно знать это немного HTML, CSS и JavaScript, и вы готовы к бою! Не нужно проходить через боль при изучении нативных языков, таких как Java (для Android-приложений) или Objective-C и Swift (для iOS-приложений). Было

Ресурсоемкий Node.js: часть 2
web

Ресурсоемкий Node.js: часть 2

Используя Kue и Redis, мы разрабатываем и можем фактически бесконечно масштабировать решения для запуска ресурсоемкого кода на Node.js, в частности на веб-сервере. Это вторая (и последняя) часть серии, начатой с CPU Intensive Node.js: часть 1. Общим решением проблемы веб-сервера с высоконагруженными эндпоинтами является создание очереди и пула рабочих

Ресурсоемкий Node.js: часть 1
web

Ресурсоемкий Node.js: часть 1

Мы изучаем проблемы и решения, связанные с запуском ресурсоемкого кода на Node.js в плане ЦПУ, в частности на веб-сервере. Однопоточный подход Node.js к запуску кода (кода, который вы пишете) может представлять проблему, если код тратит много ресурсов процессора. Проблема Сначала мы продемонстрируем проблему путем запуска ресурсоемкого кода типичного

8 советов: как создавать лучшие приложения на Node.js в 2018 году
web

8 советов: как создавать лучшие приложения на Node.js в 2018 году

В предыдущие два года мы рассмотрели лучшие практики написания и работы приложений Node.js (см. выпуск 2016 года и выпуск 2017 года). Прошел еще один год, так что пришло время вернуться к теме как стать лучшим разработчиком! В этой статье мы собрали несколько советов, которые, по нашему мнению, следует придерживаться

Скрытые сокровища объектной композиции
web

Скрытые сокровища объектной композиции

Примечание. Это часть серии «Composing Software» по изучению функционального программирования и техник композиции в JavaScript ES6 + с нуля. Будьте на связи. Впереди много интресного! “Предпочитайте композицию объектов классовому наследованию” ~ Банда четырех, “Design Patterns”. Одной из наиболее распространенных ошибок в разработке программного обеспечения является тенденция чрезмерного использования наследования классов. Наследование класса

Основные JavaScript тренды 2018
web

Основные JavaScript тренды 2018

Если вы жили в глуши или были завалены проектами на протяжении 2017 года, эта статья для вас. Вы можете использовать эту статью как руководство для планирования своего роста как разработчика в 2018 году, что позволит вам получить более передовые проекты. React vs. Vue.js Давайте сразу перейдем к хорошему: мало