- PVSM.RU - https://www.pvsm.ru -

Дайджест свежих материалов из мира фронтенда за последнюю неделю №305 (5 — 11 марта 2018)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

Дайджест свежих материалов из мира фронтенда за последнюю неделю №305 (5 — 11 марта 2018) - 1

    Медиа [1]    |    Веб-разработка [2]    |    CSS [3]    |    Javascript [4]    |    Занимательное [5]


Дайджест свежих материалов из мира фронтенда за последнюю неделю №305 (5 — 11 марта 2018) - 2 Медиа

podcast Канал радиотрансляций русскоязычных IT подкастов [6]
podcast Подкаст «Frontend Weekend» #43 – Алексей Федоров об организации HolyJS, зарубежных докладчиках и конференционном бизнесе [7]
podcast Подкаст «Веб-истории» от Тима Маринина: «Как всё могло быть иначе» [8]
podcast Подкаст «devschacht»: Ночной фронтенд #25 — Размышления об архитектуре приложений [9]
podcast Подкаст «Фронтенд Юность (18+)» #41 Секрет лучшей типизации в JS [10]
podcast «DevShow» от loftblog, Как пройти собеседование в IT? [11]
video «ALL YOUR HTML» #39: «Houdini и лайфхак с greensock» [12]
video 4 видео с KharkivFrontend Meetup#_2 [13]
video en Vuejs Amsterdam, 10 видео [14]
habr Moscow JS 40 — отчёт, отзывы гостей и видеозаписи [15]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №305 (5 — 11 марта 2018) - 14 Веб-разработка

habr Всё простое опять стало сложным [16]
en Выбор между Progressive Web Apps, React Native и NativeScript в 2018 [17]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №305 (5 — 11 марта 2018) - 35 CSS

Кино на CSS, или Как я гриды анимировал [39]
habr Странности CSS, о которых полезно знать [40]
en Стабильный релиз LibSass версии 3.5 [41], а также недавнее обновление LESS до версии 3.0.0 [42]
en Как писать CSS так, чтобы он работал во всех браузерах, даже старых [43]
en Как я организовываю CSS в больших проектах с помощью UFOCSS — часть 1 [44]
en Скажите привет Houdini и CSS Paint API [45]
en Мы пишем CSS так же, как делали это в 90-х, и да — это глупо [46]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №305 (5 — 11 марта 2018) - 48 JavaScript

План изучения JavaScript на 2018 [53]
en GraphQL: все, что вам нужно знать [54]
en Как я создал супер-быстрый JS фреймворк [55]
en Модули JavaScipt, которыми стоит воспользоваться [56]

  • Libs & Plugins:
    en Awaity.js [75] — функциональная и лёгкая альтернатива bluebird.js, вдохновлённая async/await
    en workly [76] — простой способ переноса функции/класса в web worker

Дайджест свежих материалов из мира фронтенда за последнюю неделю №305 (5 — 11 марта 2018) - 74 Занимательное

Сейчас почти каждый третий сайт глобальной сети использует WordPress [Исследование W3Techs] [77]
Кремниевая долина — всё. Так говорит сама Кремниевая долина [78]
Google открыла доступ к исходному коду системы для поиска экзопланет [79]
Почему PDF — самый важный в мире формат хранения документов. И при чем здесь Пол Манафорт [80]
Как информационные технологии изменили наше восприятие [81]
Инфографика: что происходило в интернете за минуту в 2017 году [82]


Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю [83].
Материал подготовили dersmoll [84] и alekskorovin [85].

Автор: alexzfort

Источник [86]


Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/javascript/274956

Ссылки в тексте:

[1] Медиа: #media

[2] Веб-разработка: #webdev

[3] CSS: #css

[4] Javascript: #js

[5] Занимательное: #intresting

[6] Канал радиотрансляций русскоязычных IT подкастов: https://t.me/itradiostream

[7] #43 – Алексей Федоров об организации HolyJS, зарубежных докладчиках и конференционном бизнесе: https://soundcloud.com/frontend-weekend

[8] «Как всё могло быть иначе»: https://marinin.xyz/webstories/

[9] Ночной фронтенд #25 — Размышления об архитектуре приложений: https://medium.com/devschacht/nightly-25-9d9684d204b5

[10] #41 Секрет лучшей типизации в JS : https://soundcloud.com/frontend_u/e41

[11] Как пройти собеседование в IT?: https://www.youtube.com/watch?v=OJ3vER6jmqU

[12] «Houdini и лайфхак с greensock»: https://www.youtube.com/watch?v=oxyBJMmHbSI

[13] 4 видео с KharkivFrontend Meetup#_2: https://www.youtube.com/playlist?list=PLDddScyTGZAu1b12lrG2YzSMZJ3g2VyFP

[14] Vuejs Amsterdam, 10 видео: https://www.youtube.com/playlist?list=PL02pdjMT4gWxcVpwqNpnh3--hX2rr_XCU

[15] Moscow JS 40 — отчёт, отзывы гостей и видеозаписи: https://habrahabr.ru/company/avito/blog/350684/

[16] Всё простое опять стало сложным: https://habrahabr.ru/post/350676/

[17] Выбор между Progressive Web Apps, React Native и NativeScript в 2018: https://www.telerik.com/blogs/choose-between-progressive-web-apps-react-native-nativescript-2018

[18] Google хочет сделать AMP веб-стандартом: https://www.searchengines.ru/amp-standart.html

[19] Инсайдерские планы Google сделать весь веб таким же быстрым, как AMP: https://www.theverge.com/2018/3/8/17095078/google-amp-accelerated-mobile-page-announcement-standard-web-packaging-urls

[20] Вопрос не в AMP, а в Google: https://responsivedesign.is/articles/amp-is-not-the-issue-its-google/

[21] Загрузка третьестороннего JavaScript: https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/loading-third-party-javascript/

[22] Три техники производительности для использования кастомных шрифтов : https://css-tricks.com/three-techniques-performant-custom-font-usage/

[23] Полное руководство по Browser Hints: Preload, Prefetch и Preconnect: https://www.machmetrics.com/speed-blog/guide-to-browser-hints-preload-preconnect-prefetch/

[24] Как я оптимизировал загрузку моего медленного сайта на WordPress до .2s (100% Pingdom + GTmetrix Scores): подробный список с 40+ актуальными советами оптимизации WP : http://www.onlinemediamasters.com/why-is-wordpress-so-slow/

[25] Представляем «npm ci» для быстрых и более надёжных сборок: https://habrahabr.ru/post/350762/

[26] Прекращение разработки PhantomJS: http://www.opennet.ru/opennews/art.shtml?num=48197

[27] Что нового в webpack 4: https://scotch.io/tutorials/whats-new-in-webpack-4

[28] Релиз web-браузера Chrome 65: http://www.opennet.ru/opennews/art.shtml?num=48216

[29] Новое в Chrome 65: CSS Paint API, Server Timing API и CSS display: contents: https://www.youtube.com/watch?v=_W4GSpoSOZI

[30] coördinator: https://spotify.github.io/coordinator/

[31] Accessible Landmarks: http://www.scottohara.me/blog/2018/03/03/landmarks.html

[32] A11y — это не только…: https://letorey.co.uk/blog/a11y-isnt-just

[33] Руководство/чеклист по доступности от Vox : http://accessibility.voxmedia.com/

[34] Неоторые вещи о тексте в `alt`: https://css-tricks.com/some-things-about-alt-text/

[35] Еженедельная подборка красивых эффектов на CSS/SVG/JS #73: http://css-live.ru/cssjssvg-s-podvypodvertom/ezhenedelnaya-podborka-krasivyx-effektov-na-css-svg-js-73.html

[36] Креативные аудио-визуализаторы: https://tympanus.net/codrops/2018/03/06/creative-audio-visualizers/

[37] CSS техники для создания необычных креативных эффектов для текста: https://css-tricks.com/css-techniques-and-effects-for-knockout-text/

[38] Wormco — забавный индикатор статуса: https://codepen.io/bnhovde/full/WMgbEa/

[39] Кино на CSS, или Как я гриды анимировал: https://medium.com/@juwain/css-grid-animation-movie-28e9d39fb895

[40] Странности CSS, о которых полезно знать: https://habrahabr.ru/company/ruvds/blog/350658/

[41] Стабильный релиз LibSass версии 3.5 : https://github.com/sass/libsass/releases/tag/3.5.0

[42] недавнее обновление LESS до версии 3.0.0: https://github.com/less/less.js/blob/master/CHANGELOG.md

[43] Как писать CSS так, чтобы он работал во всех браузерах, даже старых: https://hacks.mozilla.org/2018/03/how-to-write-css-that-works-in-every-browser-even-the-old-ones/

[44] Как я организовываю CSS в больших проектах с помощью UFOCSS — часть 1: https://medium.com/@fuladuf/how-i-organize-css-in-large-projects-using-ufocss-part-1-9d04417f39f3

[45] Скажите привет Houdini и CSS Paint API: https://codersblock.com/blog/say-hello-to-houdini-and-the-css-paint-api/

[46] Мы пишем CSS так же, как делали это в 90-х, и да — это глупо: http://alistapart.com/article/we-write-css-like-we-did-in-the-90s-and-yes-its-silly

[47] Парочка неочевидных граблей при использовании веб-шрифтов: https://habrahabr.ru/post/350692/

[48] О нюансах и преимуществах использования Glyphhanger — инструмента для контроля подмножеств в шрифтах: https://www.filamentgroup.com/lab/glyphhanger/

[49] Динамическое увеличение шрифтов с помощью CSS переменных: https://codepen.io/rauldronca/full/VQJRga/

[50] Font (More) Awesome: https://medium.freecodecamp.org/lets-use-font-more-awesome-to-make-an-iconic-invention-a95324d92ace

[51] Пользовательский опыт и веб-шрифты, или Сумасшедший мир загрузки шрифтов в вебе: https://medium.com/@schalkneethling/user-experience-and-web-fonts-or-the-crazy-world-of-loading-fonts-on-the-web-7f39f3090b6a

[52] FontDrop!: https://fontdrop.info/

[53] План изучения JavaScript на 2018: http://jem-space.ru/the-javascript-learning-landscape-in-2018/

[54] GraphQL: все, что вам нужно знать: https://medium.com/@weblab_tech/graphql-everything-you-need-to-know-58756ff253d8

[55] Как я создал супер-быстрый JS фреймворк : https://medium.com/@marcisbee/how-i-built-super-fast-js-framework-faster-than-react-ea99f0d03150

[56] Модули JavaScipt, которыми стоит воспользоваться: https://hackernoon.com/javascipt-modules-worth-using-9aa7301e41ac

[57] Шаблонный литерал: https://www.youtube.com/watch?v=LwzZJ8pALIo

[58] Используем итераторы в JS: https://medium.com/@frontman/%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D1%83%D0%B5%D0%BC-%D0%B8%D1%82%D0%B5%D1%80%D0%B0%D1%82%D0%BE%D1%80%D1%8B-%D0%B2-js-a646d48271d3

[59] Как работает JS: веб push-уведомления: https://habrahabr.ru/company/ruvds/blog/350486/

[60] 4 слоя Single Page Applications, о которых вам нужно знать: https://hackernoon.com/architecting-single-page-applications-b842ea633c2e

[61] Мой лучший новый друг TypeScript: https://levelup.gitconnected.com/my-new-best-friend-typescript-2a5ca8399622

[62] TypeScript — JavaScript с суперспособностями — часть II: https://medium.com/@wesharehoodies/typescript-javascript-with-superpowers-part-ii-69a6bd2c6842

[63] Введение в TypeScript: статическую типизацию для веба: https://www.sitepoint.com/introduction-to-typescript/

[64] Как написать одностраничное приложение (SPA) с использованием Vue.js: https://habrahabr.ru/post/350750/

[65] Начинаем пользоваться NativeScript-Vue 1.0: https://vuejsdevelopers.com/2018/03/05/getting-started-vue-nativescript/

[66] vue-tour: https://pulsardev.github.io/vue-tour/

[67] 4 совета для работы с Vue.js: https://itnext.io/four-tips-for-working-with-vue-js-b362d97de852

[68] Как я написал самую быструю функцию мемоизации: https://habrahabr.ru/post/350562/

[69] react-css-grid-table: https://github.com/RebeccaPark/react-css-grid-table

[70] Управление состоянием форм в React с помощью Redux Form: https://scotch.io/tutorials/managing-form-state-in-react-with-redux-form

[71] Начинаем работать с ngUpgrade: переход от AngularJS к Angular: https://scotch.io/tutorials/get-started-with-ngupgrade-going-from-angularjs-to-angular

[72] Использование инструментов React для улучшения приложений на Angular: https://medium.com/@martin_hotell/use-react-tools-for-better-angular-apps-b0f14f3f8114

[73] tinystate — небольшая но мощная библиотека по работе с состоянием в Angular: https://github.com/SebastianM/tinystate

[74] Создание Angular библиотек без временных затрат используя Schematics: https://netbasal.com/create-angular-libraries-in-no-time-using-schematics-513cb1e08a5e

[75] Awaity.js: https://github.com/asfktz/Awaity.js

[76] workly: https://github.com/pshihn/workly

[77] Сейчас почти каждый третий сайт глобальной сети использует WordPress [Исследование W3Techs]: https://itc.ua/news/seychas-pochti-kazhdyiy-tretiy-sayt-globalnoy-seti-ispolzuet-wordpress-issledovanie-w3techs/

[78] Кремниевая долина — всё. Так говорит сама Кремниевая долина: https://ain.ua/2018/03/10/kremnievaya-dolina-vsyo

[79] Google открыла доступ к исходному коду системы для поиска экзопланет: https://tproger.ru/news/open-source-hunt-for-exoplanets/

[80] Почему PDF — самый важный в мире формат хранения документов. И при чем здесь Пол Манафорт: https://ain.ua/2018/03/11/pochemu-pdf-samyj-vazhnyj-v-mire-format-xraneniya-dokumentov-i-pri-chem-zdes-pol-manafort

[81] Как информационные технологии изменили наше восприятие: https://lifehacker.ru/2018/03/10/vospriyatie-informacii/

[82] Инфографика: что происходило в интернете за минуту в 2017 году: https://vc.ru/34459-infografika-chto-proishodilo-v-internete-za-minutu-v-2017-godu

[83] Дайджест за прошлую неделю: https://habrahabr.ru/company/zfort/blog/350442/

[84] dersmoll: http://habrahabr.ru/users/dersmoll/

[85] alekskorovin: http://habrahabr.ru/users/alekskorovin/

[86] Источник: https://habrahabr.ru/post/350922/?utm_source=habrahabr&utm_medium=rss&utm_campaign=350922