handorgel — легковесная (~3.5 КБ) реализация аккордеона на ES6, соответствующая рекомендациям W3C.
Демо | GitHub
#js #es6
Size: a a a
2018 September 20
2018 September 23
Автор материала говорит, что в последние несколько месяцев ему, при проверке пулл-реквестов, постоянно попадались одни и те же четыре недочёта, связанных с нерациональным использованием методов массивов в JavaScript. Для того чтобы таких недостатков кода, которые раньше появлялись и в его программах, стало меньше, он и написал эту статью.
Эффективное использование методов массивов в JavaScript
#js #article
Эффективное использование методов массивов в JavaScript
#js #article
2018 September 24
2018 September 26
Без понимания концептуальных основ работы современного веба тяжело назвать себя хорошим веб-программистом. В материале будет приведено краткое объяснение, которое поможет разобраться в происходящем.
Архитектура веба: основы для начинающих разработчиков
#article
Архитектура веба: основы для начинающих разработчиков
#article
2018 September 27
Каждый разработчик знаком с ситуацией выбора технологического стека для проекта. Приходится проанализировать множество факторов - от целей проекта и ресурсов до бюджета, соотнести все это с особенностями фреймворков, например, Angular и React, и на основе этого уже подбирать решение. Причем у разных разработчиков оно может быть разным: и каждый будет уверен, что он прав.
Выбирайте ваш фреймворк: Angular или React, и сражайтесь за него, отвечая на 30 вопросов теста. 21 и более правильных ответов принесут в копилку команды один балл.
Angular vs React
#frontend #angular #react
Выбирайте ваш фреймворк: Angular или React, и сражайтесь за него, отвечая на 30 вопросов теста. 21 и более правильных ответов принесут в копилку команды один балл.
Angular vs React
#frontend #angular #react
2018 September 28
На прошлой неделе разработчики Yarn (пакетного менеджера для Javascript) анонсировали новую фичу — Plug’n’Play установку. Эта возможность позволяет запускать Node.js проекты без использования папки nodemodules, в которую обычно устанавливаются зависимости проекта перед запуском. Описание фичи декларирует, что nodemodules больше не понадобится — модули будут загружаться из общего кеша пакетного менеджера.
Одновременно с ними разработчики NPM также анонсировали свое аналогичное решение проблемы.
Давайте посмотрим на эти решения повнимательнее и попробуем протестировать их в реальных проектах.
Node.js без node_modules
#js #nodejs #article
Одновременно с ними разработчики NPM также анонсировали свое аналогичное решение проблемы.
Давайте посмотрим на эти решения повнимательнее и попробуем протестировать их в реальных проектах.
Node.js без node_modules
#js #nodejs #article
2018 September 30
2018 October 02
В июне 2018 года стандарт ECMAScript 2015 отметил свой трёхлетний юбилей. В ES6, во-первых, появилось множество новых возможностей JavaScript, во-вторых, с этого стандарта начинается новая эра развития языка.
Новые возможности ES6 спроектированы куда лучше. Однако и в нём есть некоторые вещи, которых автор избегает. Они, по сути, являются «ловушками».
JavaScript ES6: слабые стороны
#js #article #es6
Новые возможности ES6 спроектированы куда лучше. Однако и в нём есть некоторые вещи, которых автор избегает. Они, по сути, являются «ловушками».
JavaScript ES6: слабые стороны
#js #article #es6
Как создать блокнот из браузера в одну строку?
Иногда нужно что-то очень срочно записать, а доставать ежедневник или открывать текстовый редактор слишком долго. Есть вариант намного проще — создать свой блокнот в браузере (это сарказм).
Достаточно просто открыть новую вкладку и напечатать в url:
#js #tricks
Иногда нужно что-то очень срочно записать, а доставать ежедневник или открывать текстовый редактор слишком долго. Есть вариант намного проще — создать свой блокнот в браузере (это сарказм).
Достаточно просто открыть новую вкладку и напечатать в url:
data:text/html, <html contenteditable>
Браво, notepad в браузере!#js #tricks
2018 October 04
Live Server — это замечательное расширение предназначено для создания локального сервера, используемого в ходе разработки для размещения на нём статических и динамических страниц.
После установки этого расширения на панели задач появится кнопка Go Live, которая позволяет запускать сервер. Нажатие этой кнопки в ходе редактирования HTML-страницы приведёт к тому, что эта страница будет открыта в браузере. Сервер поддерживает интерактивную перезагрузку страниц, которая производится после внесения изменений в код и сохранения соответствующих файлов.
VS Code Marketplace | GitHub
#vscode #extensions
После установки этого расширения на панели задач появится кнопка Go Live, которая позволяет запускать сервер. Нажатие этой кнопки в ходе редактирования HTML-страницы приведёт к тому, что эта страница будет открыта в браузере. Сервер поддерживает интерактивную перезагрузку страниц, которая производится после внесения изменений в код и сохранения соответствующих файлов.
VS Code Marketplace | GitHub
#vscode #extensions
2018 October 05
Метод fetch — это XMLHttpRequest нового поколения. Он предоставляет улучшенный интерфейс для осуществления запросов к серверу: как по части возможностей и контроля над происходящим, так и по синтаксису, так как построен на промисах.
Метод fetch: замена XMLHttpRequest
#js #article
Метод fetch: замена XMLHttpRequest
#js #article
2018 October 06
Debugger for Chrome — это официальное расширение для VS Code, предназначенное для отладки JS-кода средствами Google Chrome. В настоящее время оно является одним из наиболее широко используемых VS Code-расширений.
VS Code Marketplace | GitHub
#vscode #extensions
VS Code Marketplace | GitHub
#vscode #extensions
2018 October 08
Ошибка в коммите… Как её исправить? Беспорядок в истории коммитов… Как привести всё в пристойный вид? Автор статьи говорит, что она написана специально для тех, кто задавался такими вопросами. По его словам, изучив методики работы с Git, представленные здесь, можно значительно продвинуться по пути освоения Git.
Git: исправление ошибок и наведение порядка в коммитах
#git #article
Git: исправление ошибок и наведение порядка в коммитах
#git #article
2018 October 09
2018 October 10
Перевод статьи человека, который несколько лет воровал имена пользователей, пароли и номера кредитных карт с различных сайтов.
Рассказ о том, как я ворую номера кредиток и пароли у посетителей ваших сайтов
#security #js
Рассказ о том, как я ворую номера кредиток и пароли у посетителей ваших сайтов
#security #js
2018 October 12
Замыкания — это одна из фундаментальных концепций JavaScript, вызывающая сложности у многих новичков, знать и понимать которую должен каждый JS-программист.
Хорошо разобравшись с замыканиями, вы сможете писать более качественный, эффективный и чистый код. А это, в свою очередь, будет способствовать вашему профессиональному росту.
Замыкания в JavaScript для начинающих
#js #article
Хорошо разобравшись с замыканиями, вы сможете писать более качественный, эффективный и чистый код. А это, в свою очередь, будет способствовать вашему профессиональному росту.
Замыкания в JavaScript для начинающих
#js #article
2018 October 14
Советы по написанию кода на JavaScript. Приемы, о которых вы не знали, способы отладки, функции для работы с массивами и многое другое.
YouTube
#js #tips #eng
YouTube
#js #tips #eng
