Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда
Рубрика «javascript» - 318
Дайджест свежих материалов из мира фронтенда за последнюю неделю №217 (20 — 26 июня 2016)
2016-06-26 в 19:34, admin, рубрики: angular, css, ES6, html5, javascript, JS, React, анимация, Блог компании Zfort Group, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтенд
Делаем крутые Single Page Application на basis.js. Часть 1, вступительно-теоретическая
2016-06-26 в 12:36, admin, рубрики: basis.js, framework, html, javascript, метки: basis.jsВсем доброго времени суток!
Данная статья начинает цикл публикаций, посвященных basis.js – фреймворку для создания полноценных Single Page Application.
Читать полностью »
Позвольте представить, Shadow DOM API на основе слотов
2016-06-25 в 20:05, admin, рубрики: custom elements, html, javascript, safari, shadow dom, slot, web components, webkitПредлагаю вашему вниманию перевод статьи «Introducing Slot-Based Shadow DOM API» автора Ryosuke Niwa, написанную им в блоге WebKit осенью прошлого года.
Мы рады анонсировать что базовая поддержка нового Shadow DOM API на основе слотов, которую мы предлагали в апреле (прим. переводчика: речь идёт об апреле 2015) уже доступна в ночных сборках WebKit после r190680. Shadow DOM это часть Веб Компонентов – набора спецификаций, изначально предложенных Google для того чтобы сделать возможным создание переиспользуемых виджетов и компонентов в вебе. Shadow DOM, в частности, предоставляет легковесную инкапсуляцию DOM дерева, позволяя создавать на элементе параллельное дерево, так называемое «теневое shadow дерево», с помощью которого изменяется отрисовка элемента без изменения DOM. Пользователи такого компонента не смогут ненароком что-то в нём изменить, ведь его shadow дерево не является привычным потомком элемента-хоста. Кроме того, действие стилей также ограничено областью действия (scope), а значит CSS правила, объявленные снаружи shadow дерева не применяются к элементам внутри такого дерева, а правила, объявленные внутри – к элементам снаружи.
Читать полностью »
HolyJS: с первой попытки
2016-06-25 в 7:08, admin, рубрики: ECMAScript, EPAM Systems, holyjs, javascript, luxoft, rxjava, WebGL, Блог компании JUG.ru Group, одноклассники, Разработка веб-сайтов, серебряная пуля, метки: holyjsПетербургская JavaScript-конференция HolyJS начиналась почти как авантюра. Затевать совершенно новую конференцию, когда время на подготовку очень ограничено — смелое решение.
Такой авантюризм хорошо соответствует духу самого JavaScript-мира, где всё происходит стремительно, а смелые решения зачастую необходимы. Но возможно ли в таком случае провести конференцию на высоком уровне, с интересными докладами и без организационных проблем? Что в итоге было на мероприятии? Под катом — рассказ о том, как оно прошло.
Vidom — blazingly fast alternative to React
2016-06-24 в 10:31, admin, рубрики: javascript, React, ReactJS, vidom, virtual dom, метки: vidomДавненько я ничего тут не писал, а сегодня как раз пятница, так что можно набросить на React рассказать о своей поделке Vidom.
Подборка уроков для начинающего разработчика игр на JavaScript
2016-06-24 в 5:28, admin, рубрики: canvas api, html, html5 canvas, javascript, игростроение, разработка игр, создание игрВ этой подборке уроков рассматриваются основы создания игр на JavaScript, изучив которые вы научитесь:
— Работать с позицией курсора мыши
— Вращать объекты внутри CANVAS элемента
— Выделять объекты мышью внутри CANVAS
— Перетаскивать объекты внутри CANVAS
— Создавать эмуляцию гравитации для объектов внутри CANVAS
— Определять скорость мыши
— Использовать мультиязычность в своих игровых проектах.
Все уроки полностью на русском языке и выполнены в наглядной форме.
Читать полностью »
Как мы разрабатываем новый фронтенд Tinkoff.ru
2016-06-23 в 13:04, admin, рубрики: flux, javascript, react.js, Блог компании Тинькофф Банк, Разработка веб-сайтов
В апреле этого года мы перезапустили tinkoff.ru. Банк превратился в финансовый супермакет. Теперь не только клиент банка, но и любой посетитель оплатит мобильный, проверит налоги и оформит ипотеку — всё на одной платформе. В этой статье я поделюсь опытом и технологическими решениями, к которым мы пришли за год разработки.
Опрос: насколько строго вы следуете стандартам и лучшим практикам на фронтенде?
2016-06-23 в 8:15, admin, рубрики: html, javascript, веб-стандарты, Микроформаты, опрос, Прогрессивное улучшение, Разработка веб-сайтов, Семантика, семантика и семантическая версткаКак-то так получилось, что за последнюю неделю я посмотрел довольно большое количество выступлений на разных крупных и не очень конференциях. И часто там говорили об очень важных, в теории, вещах: производительности, доступности, прогрессивном улучшении.
Но, судя по моему опыту и ощущениям, на практике никто этим не занимается, кроме самых крупных компаний. Эти ощущения подтверждает, например, подкаст Веб-стандартов: там при обсуждении каких-то технологий или практик, постоянно звучат слова "мы это у себя не используем", "только если заказчик пнёт".
Я бы хотел проверить, так ли это, проведя небольшой опрос. Думаю, результаты будут интересны многим, приглашаю обсудить вопросы, ответы и вообще эту тему в целом в комментариях.
P.S. Я в опросе довольно вольно использую термин "стандарты". Понятно, что для некоторых вещей стандартов нет, но придумывать какое-то альтернативное название не вижу смысла.
Читать полностью »
Как стать профессиональным веб-разработчиком: практическое руководство
2016-06-22 в 22:46, admin, рубрики: cms, html, java, javascript, бэкенд, обучение, разработка, Разработка веб-сайтов, фриланс, фронтенд
Дорога длинна и трудна, но интересна и полезна!
Статья задумывалась как практическое руководство для желающих стать профессиональным веб-разработчиком. Я уже более 20 лет пишу код для веба. Я ежедневно работаю с веб-разработчиками и помогаю им. В статье я опишу, что вам нужно выучить, когда вам нужно это выучить и где взять информацию (чаще всего даже бесплатно). Затем я дам совет по получению реального опыта, и что самое важное – по получению денег за написание кода.
По статье разбросано множество ссылок на бесплатные и важные ресурсы. Для простоты я собрал их в PDF и разбил по категориям. Мне не платят за упоминания сайтов, ссылки на которые я привёл – я всего лишь хочу порекомендовать вам лучшие ресурсы, чтобы помочь вам достичь вашей цели.
Что нужно помнить:
1. Статью разрешается пролистывать
Руководство может помочь вам вне зависимости от вашего положения на дороге к профессиональной разработке. Прокрутите его к тому заголовку, который лучше всего описывает ваше сегодняшнее положение, и читайте оттуда. Если вы только начали этот путь, или пока размышляете об этом – последуйте совету Короля из «Алисы в стране чудес»:
Начните с начала, и продолжайте, пока не дойдёте до конца; и там уже остановитесь.
Читать полностью »
Java библиотека для эффективной передачи CSS и JavaScript
2016-06-22 в 10:16, admin, рубрики: css, java, javascriptВ данной статье описывается способ передачи JavaScript и CSS методом соединения ресурсов, с последующими их минимизацией и сжатием, при помощи небольшой Java библиотеки «Combinatorius», что позволяет ускорить и упростить передачу контента.
Демо: combinatorius.dkiriusin.com
GitHub: github.com/deniskiriusin/combinatorius
Основные возможности библиотеки
- Соединение JavaScript и CSS в один JavaScript и CSS ресурс соответственно для сокращения количества HTTP запросов.
- Локальное кэширование сгенерированных данных для улучшения времени отклика.
- Правильные Expires и Cache-Control HTTP заголовки для помощи браузеру с условными запросами.
- Поддержка ETag для определения соответствия между кэшем браузера с данными на сервере.
- Сжатие методом gzip для уменьшения размера HTTP ответа.
- Поддержка YUI Compressor.
- Поддержка версий передаваемых ресурсов (fingerprinting & static resources versioning).
- Поддержка CSS тем через параметры URL или Cookies.
- Простая конфигурация.