Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Рубрика «javascript» - 182
Дайджест свежих материалов из мира фронтенда за последнюю неделю №319 (11 — 17 июня 2018)
2018-06-17 в 20:20, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, Блог компании Zfort Group, браузеры, дайджест, подкасты, Разработка веб-сайтов, ссылки, фронтендМышление в стиле Ramda: Неизменяемость и объекты
2018-06-17 в 19:29, admin, рубрики: javascript, JS, ramda, функциональное программирование1. Первые шаги
2. Сочетаем функции
3. Частичное применение (каррирование)
4. Декларативное программирование
5. Бесточечная нотация
6. Неизменяемость и объекты
7. Неизменяемость и массивы
8. Линзы
9. Заключение
Данный пост — это шестая часть серии статей о функциональном программировании под названием "Мышление в стиле Ramda".
В пятой части мы говорили о написании функций в стиле бесточечной нотации, где главный аргумент с данными для нашей функции не указывается явным образом.
На тот момент времени мы не могли переписать все наши функции в бесточечный стиль, потому что у нас не было некоторых необходимых для этого инструментов. Настало время для того чтобы изучить их.Читать полностью »
Особенности работы и внутреннего устройства express.js
2018-06-15 в 9:36, admin, рубрики: express.js, javascript, node.js, Блог компании RUVDS.com, разработка, Разработка веб-сайтовЕсли вы занимались разработкой для платформы node.js, то вы, наверняка, слышали об express.js. Это — один из самых популярных легковесных фреймворков, используемых при создании веб-приложений для node.
Автор материала, перевод которого мы сегодня публикуем, предлагает изучить особенности внутреннего устройства фреймворка express через анализ его исходного кода и рассмотрение примера его использования. Он полагает, что изучение механизмов, лежащих в основе популярных опенсорсных библиотек, способствует более глубокому их пониманию, снимает с них завесу «таинственности» и помогает создавать более качественные приложения на их основе.
Читать полностью »
Переход с jQuery на Vue.js
2018-06-14 в 9:47, admin, рубрики: javascript, jquery, vue.js, vuejs, Блог компании RUVDS.com, разработка, Разработка веб-сайтовАвтор статьи, перевод которой мы публикуем сегодня, полагает, что в мире существует ещё много программистов, которые, когда им нужно разработать простое веб-приложение, обращаются к jQuery. Обычно это случается тогда, когда некую страницу нужно оснастить простыми интерактивными возможностями, но использование для этого какого-нибудь JavaScript-фреймворка кажется явным перебором. Ведь это — килобайты ненужного кода, шаблоны, инструменты для сборки проектов, средства для упаковки модулей… При этом подключить к странице jQuery, воспользовавшись CDN-ресурсом, проще простого.
В этом материале речь пойдёт о том, как перевести проект, созданный с использованием jQuery, на Vue.js. Этот проект будет создан на jQuery, а потом переработан с применением Vue. Автор материала хочет продемонстрировать всем желающим то, что использование Vue, даже в сравнительно небольших проектах, не обязательно означает чрезмерное увеличение размера кода таких проектов и большую дополнительную нагрузку на программиста. Это, наоборот, при практически тех же размерах вспомогательного кода, что и при использовании jQuery, позволяет повысить производительность труда и улучшить качество приложений.
Читать полностью »
Топ 8 лучших ресурсов для практики программирования в 2018
2018-06-13 в 13:38, admin, рубрики: javascript, programming challenges, programming languages, ПрограммированиеПривет! Представляю вашему вниманию перевод статьи Top Coding Challenge Websites of 2018 автора Trey Huffine.
Все просто: чтобы стать программистом — нужно научиться программировать. Без разницы, какую цель вы преследуете: успешно пройти интервью или выучить новый язык, — сайты из этой подборки вам помогут прокачаться.
На чем бы вы не кодили: Python, Ruby, JavaScript, Golang, TypeScript, или еще какой-то язык, вы найдете здесь ресурс под ваши потребности. Чтобы научиться программировать — нужно программировать.
Читать полностью »
Стрелочные функции VS Обычные функции
2018-06-13 в 7:35, admin, рубрики: arrow functions, ES6, javascriptПривет! Представляю вашему вниманию перевод статьи "When (and why) you should use ES6 arrow functions — and when you shouldn’t" автора Cynthia Lee.
Стрелочные функции — наиболее популярная фишка ES6. Это новый, лаконичный способ написания функций.
function timesTwo(params) {
return params * 2
}
timesTwo(4); // 8
Теперь то же самое при помощи стрелочной функции.
var timesTwo = params => params * 2
timesTwo(4); // 8
Намного короче! Мы можем опустить фигурные скобки и оператор return ( если нет блока, но об этом позже).
Давайте разберемся, чем отличается новый способ от привычного.
Читать полностью »
Angular6. PWA. Lazy loading modules. Auto-deploy в Firebase
2018-06-12 в 15:42, admin, рубрики: angular, angular6, firebase, javascript, lazy load, pwa, visual studio codeAngular 6 позволяет буквально в несколько команд создать основу для Progressive Web Application (PWA), создавать верстку для навигационных страниц, таблиц, dashboard.
Как в React избавиться от сложности в управлении состоянием — отчёт по итогам поездки на React Amsterdam
2018-06-11 в 8:30, admin, рубрики: javascript, React, ReactJS, Блог компании NIX Solutions, ПрограммированиеВ апреле посчастливилось побывать на очень крутом мероприятии — React Amsterdam. Кроме приятных организационных моментов было ещё и много интересных докладов. Они были, в основном, прикладного характера. Поскольку стек технологий в принципе устоялся, докладчики рассказывали о способах решения практических проблем, а не продвигали что-то незнакомое и революционное. Здесь я расскажу подробнее о выступлении “setState Machine” Микеле Бертоли из Facebook.
Основная проблема, которой был посвящен доклад, — сложность в управлении состоянием в React.
Читать полностью »
Дайджест свежих материалов из мира фронтенда за последнюю неделю №318 (4 — 10 июня 2018)
2018-06-10 в 20:46, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, Блог компании Zfort Group, браузеры, дайджест, подкасты, Разработка веб-сайтов, ссылки, фронтендПредлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Трассировка и Javascript
2018-06-10 в 17:53, admin, рубрики: chrome devtools, Google Chrome, http, javascript, node.js, performance analysis, tracing, Серверная оптимизация
Когда-нибудь трассировали рантайм вашего приложения? Знаете сколько запросов делает вон тот серый ендпоинт, который? А как долго вычитываются те кросс-референсы на схожий тип ресурсов с каждой странички сущностей, которую нужно вернуть в запрос? Пытались ли вы замерить как долго приходится ждать пользователю из-за опциональных полей запроса, которые он время от времени добавляет? Задумывались ли вы что будет если запараллелизировать эти шесть запросов к тем двум базам данных?
Если что-нибудь выше звучит интересно, или как минимум знакомо — добро пожаловать под кат.
Читать полностью »