Вдохновившись статьями SvelteJS: Релиз второй версии, Исчезающие фреймворки и Re: «Сравнение JS-фреймворков: React, Vue и Hyperapp», про «исчезающий» фреймворк Svelte (читается «свелт», а то мало ли), я захотел его попробовать. И для начала решил написать небольшой компонентик с кнопками из Materialize.
Читать полностью »
Рубрика «javascript» - 172
Пишем компонент с «материальными» кнопками для Svelte
2018-07-30 в 14:18, admin, рубрики: html, javascript, svelte, Разработка веб-сайтов7 рекомендаций по оформлению кода на JavaScript
2018-07-30 в 10:38, admin, рубрики: javascript, Блог компании RUVDS.com, разработка, Разработка веб-сайтов, Совершенный кодАвтор материала, перевод которого мы публикуем сегодня, говорит, что она прямо-таки одержима написанием чистого кода. Она считает, что код надо писать так, чтобы, во-первых, с ним, в будущем, удобно было бы работать другим программистам, включая его автора, а во-вторых — с учётом возможности расширения этого кода. То есть, нужно стремиться к тому, чтобы в приложение сравнительно просто было бы добавлять новые возможности, и чтобы его кодовую базу было бы удобно сопровождать. Если бы программы писали, учитывая лишь нужды компьютеров, то, вероятно, программисты могли бы выражать свои мысли лишь с помощью нулей и единиц, больше ни о чём не заботясь. В этой статье приводится ряд рекомендаций по написанию качественного кода, проиллюстрированных примерами на JavaScript.
Дайджест свежих материалов из мира фронтенда за последнюю неделю №324 (23 — 29 июля 2018)
2018-07-29 в 20:16, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, Блог компании Zfort Group, браузеры, дайджест, подкасты, Разработка веб-сайтов, ссылки, фронтендПредлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Основы React (текстовый учебник, 2-е издание)
2018-07-29 в 18:04, admin, рубрики: javascript, React, react.js, ReactJS, учебникПрошло 2.5 года после публикации первой версии подробного туториала по основам React. За это время gitbook насчитал 250 000+ уникальных посетителей.
Под катом подробнее об учебнике и список изменений.
Всем привет, меня зовут Сергей и я web разработчик. Да простит меня Дмитрий Карловский за заимствованное вступление, но именно его публикации вдохновили меня написание этой статьи.
Сегодня хотелось бы поговорить о работе с данными в Angular приложениях в целом и о моделях предметной области в частности.
Apollo: 9 месяцев — полет нормальный
2018-07-27 в 14:42, admin, рубрики: api, Apollo, graphql, javascript, rambler group, React, ReactJS, rest, RESTful, Блог компании Rambler Group, разработка, Разработка веб-сайтов
Всем привет, меня зовут Семен Левенсон, я работаю teamlead’ом на проекте «Поток» от Rambler Group и хочу рассказать о нашем опыте использования Apollo.
Объясню, что такое «Поток». Это автоматизированный сервис для предпринимателей, позволяющий привлекать клиентов из Интернета в бизнес, не вовлекаясь в рекламу, и быстро создавать простые сайты, не являясь экспертом в верстке.
Аналоги в Python и JavaScript. Часть третья
2018-07-26 в 18:38, admin, рубрики: javascript, python, для начинающих, переводПродолжаем перевод серии статей про аналоги в Python и JavaScript
В прошлых выпусках мы опирались на синтаксис классических версий Питона (2.7) и JS на основе ECMAScript 5. В этот раз мы будем использовать новые функции которые появились в Питоне 3.6 и JS стандарта ECMAScript 6.
ECMAScript 6 — относительно новый стандарт поддерживаемый большинством современных браузеров. Для использования стандарта 6 в старых браузерах вам понадобиться Babel для перевода современных конструкций JS6 на кросс-браузерную поддержку.
В сегодняшней статье: переменные в строках, распаковка списков, лямбда-функции, итерирование без индексов, генераторы и множества (sets).
Использование промисов в JavaScript
2018-07-26 в 8:30, admin, рубрики: javascript, Блог компании RUVDS.com, разработка, Разработка веб-сайтовПериодически мы публикуем материалы, которые так или иначе касаются использования промисов в JavaScript.
Вот некоторые из них
Промисы в ES6: паттерны и анти-паттерны
JavaScript: методы асинхронного программирования
JavaScript ES8 и переход на async / await
Async/await: 6 причин забыть о промисах
Побег из ада async/await
JavaScript ES6: пишем меньше — делаем больше
Руководство по промисам для тех, кто хочет в них разобраться
Конструкция async/await в JavaScript: сильные стороны, подводные камни и особенности использования
JavaScript: методы асинхронного программирования
JavaScript ES8 и переход на async / await
Async/await: 6 причин забыть о промисах
Побег из ада async/await
JavaScript ES6: пишем меньше — делаем больше
Руководство по промисам для тех, кто хочет в них разобраться
Конструкция async/await в JavaScript: сильные стороны, подводные камни и особенности использования
Почему к промисам приковано столько внимания? Полагаем, всё дело в том, что технология эта весьма востребована, и в том, что в ней достаточно сложно разобраться.
Поэтому, если вы хотите лучше понять промисы, мы предлагаем вашему вниманию перевод очередной статьи, посвящённой этой теме. Её автор говорит, что он последние 10 лет занимался разработкой на Java и PHP, но всё это время с интересом поглядывал на JavaScript. Недавно он решил всерьёз заняться JS и первой заинтересовавшей его темой стали промисы.
Мы считаем, что этот материал будет интересен начинающим разработчикам, которые чувствуют, что, хотя и пользуются промисами, пока недостаточно хорошо их понимают. Вполне возможно, что рассказ того, кто смотрит на JavaScript свежим взглядом и стремится объяснить другим то, что понял сам, не считая, что какие-то вещи понятны всем и без объяснений, поможет начинающим в деле освоения механизмов JavaScript.
Читать полностью »
Frontend Conf Moscow — клиентсайд и вглубь и вширь
2018-07-26 в 8:18, admin, рубрики: api, Conference, css, frontendconf, javascript, web-разработка, Блог компании Конференции Олега Бунина (Онтико), конференции, конференция, Разработка веб-сайтовКак-то так получается, что клиентская разработка, с одной стороны, захватывает территории и становится все более востребованной, с другой, — все больше обосабливается. О распространении мы судим по нескольким последним фестивалям РИТ++, на которых и докладов по фронтенду было в 2-3 раза больше, чем по бэкенду или DevOps, и слушателям это было интереснее, и даже приехавшие видеоблогеры в основном оказались фонтендерами, но об этом позже. А в ответ на тенденции разделения и углубления специализаций мы организуем Frontend Conf Moscow. О том, что будет из себя представлять эта конференция, что от неё ждать, как поучаствовать, читайте далее.
О главном
Frontend Conf Moscow пройдет 4 и 5 октября в Москве в хорошо знакомом и удобном Инфопространстве. Это будет два дня, которые мы с вами целиком посвятим технологиям разработки клиентской части веб-проектов. Доклады в несколько потоков, мастер-классы, митапы, обсуждения с экспертами за чашкой кофе или, в вечернее время, стаканом кое-чего еще, сильнейшие разработчики среди участников — все это позволит погрузиться в тему полностью, и обсудить аспекты, которые до этого оказывались слишком узкими или специфичными.
Читать полностью »
Github.com отказывается от использования jQuery и переходит на чистый JavaScript
2018-07-25 в 22:03, admin, рубрики: github, javascript, jquery, vanilla.js, Разработка веб-сайтовСегодня Mislav Marohnić объявил о том, что разработчики Github избавились от jQuery на фронтенде GitHub.com. Казалось бы, в самом этом факте нет ничего примечательного, если бы не один интересный момент.
Проблема выбора нового фреймворка для фронтенда была решена радикально — решено было обойтись без фреймворков в принципе. Вместо них были использованы следующие средства:
- querySelectorAll (который предположительно был вдохновлен когда-то именно jQuery),
- fetch для работы с AJAX,
- delegated-events для обработки событий,
- полифиллы для работы с DOM,
- пользовательские элементы (Custom Elements), которые сейчас на подъеме.
Помимо Custom Elements, ничего другого из Web Components было решено не использовать. Разработчики присматривались к Shadow DOM и были бы не против прибегнуть к нему — однако, в силу того, что на полифиллах скорость поиска в DOM оставляет желать лучшего, им пришлось пока отложить эту затею.
Зачем разработчикам в принципе потребовалось все это сделать? По их словам, для того, чтобы «отдавать» посетителям меньше килобайт, иметь возможность использовать более явно выраженный синтаксис для выполнения манипуляций с DOM, а также ради возможности использовать библиотеку Flow.JS для статического анализа типов. По словам разработчиков, процесс ухода с jQuery занял годы.
Читать полностью »