js - Jem Space

Кодер. Владеет современной версткой и наиболее распространенными API

Верстка Что можно понимать под современной версткой? В 2к19 я бы отнес flexbox и grid. Большинство браузеров уже умеет в flexbox, и кодеры постепенно начинают его юзать все больше и больше. Но это скорее верхушка айсберга. Не будем забывать про базовые вещи: знание тегов и аттрибутов HTML, блочная верстка, семантический

web

12 хитростей JavaScript, которых вы не найдете в большинстве уроков

Когда я начал изучать JavaScript, я составлял список хитростей, которые находил в чужом коде, на веб-сайтах, посвященных проверке кода, и в любых других местах, кроме учебных пособий, которые я использовал. С тех пор я пополняю этот список, и в этой статье я поделюсь 12 советами, которые кажутся мне особенно умными

web

Асинхронный Redux без Middlewares - используем ES2017

Перевод статьи Asynchronous Redux Without Middlewares — Using ES2017 Можно ли обрабатывать асинхронные redux actions без middlewares, а с ES2017 async/await? Мы можем сделать это более понятным способом. Должен ли я это делать? Я здесь не для того, чтобы говорить, что вы не должны использовать thunk или saga. Если вы

web

Front-end ремесло

Перевод статьи Craft the Front-end Как мне это реализовать? Это нормальная практика? Если вы когда-нибудь задавали себе такие вопросы, эта статья (и следующие 🤗), наполненная примерами из реальной жизни, наверняка даст вам ответы на некоторые из них! Статья состоит из трех разделов: Адаптивный дизайн (CSS, TypeScript и Jest), Объектно-ориентированная SCSS, Расширенное

web

Реализация быстрой сортировки на JavaScript

Перевод статьи Implementing Quicksort in JavaScript Быстрая сортировка является одним из наиболее эффективных методов сортировки массива. Полное описания есть в статье на Вики. В этой статье расскажем о реализации быстрой сортировки на JavaScript, т.к она не входит в JavaScript core. Из-за того, что на Array.prototype реализован метод sort,

web

Введение в TensorFlow.js: Машинное обучение в Javascript

Мы рады представить TensorFlow.js, библиотеку с открытым исходным кодом, которую можно использовать для определения, обучения и запуска моделей машинного обучения полностью в браузере, используя Javascript и высокоуровневый API. Если вы разработчик Javascript и новичок в ML (Machine Learning) - TensorFlow.js - отличный способ начать обучение. Если же вы

web

Как работает JavaScript: обзор движка, среды выполнения и стека вызовов

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

web

Практическое ES6 руководство, о том, как сделать HTTP запрос с помощью Fetch API

В этом руководстве я покажу вам, как использовать API-интерфейс Fetch (ES6 +) для выполнения HTTP-запросов к REST API с некоторыми практическими кейсами, с которыми вы, скорее всего, столкнетесь. Хотите быстро просмотреть HTTP примеры? Перейдите к разделу 5. Первая часть описывает асинхронность в JavaScript. Примечание. Все примеры приведены в ES6 со стрелочными

web

Начните работу с Angular Grid за 5 минут

Парадигма гридов данных должна быть знакома большинству разработчиков. Это компонент, используемый для отображения табличных данных в серии строк и столбцов. Возможно, наиболее распространенным примером сетки данных на десктопе является Excel. Гриды давно уже существуют на нативных платформах и недавно пробились в UI веб-приложений. Современные гриды сложны. Затраты на разработку собственных

web

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

Реальные проблемы и как их решить, за пять минут или быстрее. Проблема Вы используете Redux и решили добавить некоторые UI фичи или анимацию, но ваша производительность рендеринга оставляет желать лучшего. Все тормозит, и вы не знаете где фиксить. Предостережения: Независимо от Redux, это будет происходить по мере роста вашего приложения.

web

3 важных чек листа для веб-разработчиков

Возможно, вы слышали о «Front-End Checklist» - проекте, который я начал в октябре 2017 года на GitHub. Это началось как простой проект, который помог моей команде на Маврикии, но превратился в огромный проект с международной поддержкой, получив более 28 000 звезд на GitHub и переведенный на более чем 10 языков.

web

Вот почему создание массива через map не работает в JS

Кейс Для демонстрации предположим, что вам нужно создать массив чисел от 0 до 99. Как вы можете это сделать? Вот один из вариантов: const arr = []; for (let i = 0; i < 100; i++) { arr[i] = i; } Если вы схожи со мной, то при виде традиционного цикла for в JavaScript вас

web

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

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

web

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

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

web

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

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

web

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

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

web

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

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

web

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

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

web

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

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

front-end

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

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

DIY

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

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

web

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

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

web

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

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

web

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

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

web

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

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