Кто хочет подтянуть основы React за написанием своего чата?
Это легко можно сделать на онлайн-интенсиве doge.codes! Причем бесплатно, если постараться 🚀
5 недель работы над твоим знанием фронт-енда с опытным ментором — 20 000 звёзд у его проектов на GitHub. Гостевая лекция от разработчика команды Babel.
Хватит откладывать прокачку себя, 10% нового года уже прошло! Детали по ссылке👇
https://goo.gl/2EK19K
Это легко можно сделать на онлайн-интенсиве doge.codes! Причем бесплатно, если постараться 🚀
5 недель работы над твоим знанием фронт-енда с опытным ментором — 20 000 звёзд у его проектов на GitHub. Гостевая лекция от разработчика команды Babel.
Хватит откладывать прокачку себя, 10% нового года уже прошло! Детали по ссылке👇
https://goo.gl/2EK19K
doge.codes
Лучшие онлайн курсы | Doge Codes
Каждый курс — это разработка реального приложения по недельным спринтам. Весь процесс приближен к работе в проекте: есть тз, ментор-тимлид и сокурсники в роли коллег.
Учебник по GraphQL: Почему мы нуждаемся в новом типе API (Часть 1) #graph_ql https://www.smashingmagazine.com/2018/01/graphql-primer-new-api-part-2/
Smashing Magazine
A GraphQL Primer: The Evolution Of API Design (Part 2) — Smashing Magazine
In Part 1 we looked at how APIs have evolved over the last few decades and how each one gave way to the next. In this second part, let’s look at where mobile client API design appears to be headed — with a particular emphasis on GraphQL.
Подкаст «Фронтенд Юность (18+)» #36 Жалкая попытка Webpack догнать Parcel #common https://soundcloud.com/frontend_u/e36
SoundCloud
#36 Жалкая попытка Webpack догнать Parcel
Вступление (0:35)
Webpack 4 beta (4:07)
Styled Components 3.1.0 (31:28)
Speed up Your Node.js App with Native Addons (37:57)
PEG.js – Parser Generator for JavaScript (44:54)
Что любит Дэн Абрамов (56:
Webpack 4 beta (4:07)
Styled Components 3.1.0 (31:28)
Speed up Your Node.js App with Native Addons (37:57)
PEG.js – Parser Generator for JavaScript (44:54)
Что любит Дэн Абрамов (56:
Разработка PWA
PWA (Progressive Web Apps ) представляют собой смесь мобильного и веб приложений.
Для того чтобы написать PWA вам не нужно изучать Java или Swift. Достаточно ваших фронтовых навыков.
Но чем PWA отличаются от нативных или обычных веб-приложений? Какие приемущества они дают?
Безусловно, производительность нативных приложений выше, чем у PWA. Да и доступ к аппартным функциям смартфонов у PWA ограниченный. Однако, для того чтобы установить и начать пользоваться PWA вам не нужно искать его в App Store или Play Market. Соответственно и разработчику не нужно следовать огрничениям и условиям магазинов приложений.
Один из важнейших элементов PWA - это Service Workers. Именно service workers помогают вам реализовать push-уведомления или оффлайн работу приложения.
Подробнее о том, зачем нам PWA, как их писать и какие инструменты использовать, в нашем переводе статьи Progressive Web Apps — cледующий шаг в разработке веб приложений : https://goo.gl/ccF4d4
PWA (Progressive Web Apps ) представляют собой смесь мобильного и веб приложений.
Для того чтобы написать PWA вам не нужно изучать Java или Swift. Достаточно ваших фронтовых навыков.
Но чем PWA отличаются от нативных или обычных веб-приложений? Какие приемущества они дают?
Безусловно, производительность нативных приложений выше, чем у PWA. Да и доступ к аппартным функциям смартфонов у PWA ограниченный. Однако, для того чтобы установить и начать пользоваться PWA вам не нужно искать его в App Store или Play Market. Соответственно и разработчику не нужно следовать огрничениям и условиям магазинов приложений.
Один из важнейших элементов PWA - это Service Workers. Именно service workers помогают вам реализовать push-уведомления или оффлайн работу приложения.
Подробнее о том, зачем нам PWA, как их писать и какие инструменты использовать, в нашем переводе статьи Progressive Web Apps — cледующий шаг в разработке веб приложений : https://goo.gl/ccF4d4
Jem Space
Progressive Web Apps — cледующий шаг в разработке веб приложений
Что, если я скажу вам, что теперь веб-разработчик может легко создавать мобильные приложения? Все, что вам нужно знать это немного HTML, CSS и JavaScript, и вы готовы к бою! Не нужно проходить через боль при изучении нативных языков, таких как Java (для Android…
Рассказ о том, как не дать мне украсть номера кредиток и пароли у посетителей ваших сайтов https://habrahabr.ru/company/ruvds/blog/347958/
Хабр
Рассказ о том, как не дать мне украсть номера кредиток и пароли у посетителей ваших сайтов
Недавно мы опубликовали перевод истории программиста, придумавшего способ распространения вредоносного кода, который собирает данные банковских карт и пароли с т...
Автоматическое браузерное тестирование с помощью WebDriver API https://www.smashingmagazine.com/2018/01/automated-testing/
Smashing Magazine
Automated Browser Testing With The WebDriver API — Smashing Magazine
Manually clicking through different browsers as they run your development code, either locally or remotely, is a quick way to validate that code. However, it’s not a solution for testing the full breadth of your site’s code base on the assortment of browsers…
Фронтенд — это не больно! Пособие для разработчиков и сочувствующих #common https://bespoyasov.ru/front-not-pain/
bespoyasov.ru
Фронтенд — это не больно!
Пособие для разработчиков и сочувствующих.
Условный рендеринг в React с использованием тернаров и логических AND #react https://medium.freecodecamp.org/conditional-rendering-in-react-using-ternaries-and-logical-and-7807f53b6935
freeCodeCamp.org
Conditional Rendering in React using Ternaries and Logical AND
by Donavon West Conditional Rendering in React using Ternaries and Logical AND Photo by Brendan Church [https://unsplash.com/photos/pKeF6Tt3c08?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText] on Unsplash [https://unsplash.com/search/photos/road…
React Native — от нуля до App Store #react_native https://medium.com/@nik5036350/react-native-from-scratch-to-app-store-3172dc61190b
Medium
React Native — from scratch to App Store
Plan
Темные паттерны использования HTML 5.2 <dialog> в Chrome для веселья и выгоды #web https://hackernoon.com/dark-patterns-with-the-html-5-2-dialog-tag-and-chrome-for-fun-and-profit-249ce092d200
Hacker Noon
Dark patterns with the HTML 5.2 <dialog> tag and Chrome for fun and profit
Recently I was introduced to the <dialog> tag and thought it was an interesting use of a web component pattern, but immediately I…
О повышающейся сложности фронтенда #common https://blog.logrocket.com/the-increasing-nature-of-frontend-complexity-b73c784c09ae
LogRocket Blog
The increasing nature of frontend complexity - LogRocket Blog
Frontend web development has never been a hotter or more controversial topic. Where once it was the server-side community that […]
Let’s make multi-colored icons with SVG symbols and CSS variables https://medium.freecodecamp.org/lets-make-your-svg-symbol-icons-multi-colored-with-css-variables-cddd1769fca4
freeCodeCamp.org
Let’s make multi-colored icons with SVG symbols and CSS variables
by Sarah Dayan Creative Things [http://creativethings.io/] by Kyle Adams [http://kyleadams.me/] Let’s make multi-colored icons with SVG symbols and CSS variables Long gone are the days of using images and CSS sprites to make icons for the web. With the explosion…
#frontend #vacancy
Город: #Москва
Формат работы: #офис
Занятость: полная
Зарплатная вилка: от 150 000 (выше отталкиваемся от скилов)
Мы занимаемся разработкой и развитием собственных интернет-проектов в области международного здравоохранения, монетизации трафика, лидогенерации и нативной рекламы.
Возьмём к себе и будем любить сильно-сильно Frontend разработчика 😀
Что нам нужно:
HTML5, CSS3, JavaScript
Отличные знания в одном из framework-ов — React или Vue
Знание хотя бы одной из систем сборки (grunt, gulp, webpack)
Знания git
Понимание REST API и опыт взаимодействия
Будет плюсом:
Понимание принципов UI/UX
Опыт использования системы виртуализации Docker
Опыт работы с высоконагруженными проектами
✔️ Офис Москва-Сити 🙌🏻
✔️Гибкий график начала и окончания рабочего дня
Все вопросы @a_perevoznikova
+79161651618
За успешную рекомендацию - бонус
Город: #Москва
Формат работы: #офис
Занятость: полная
Зарплатная вилка: от 150 000 (выше отталкиваемся от скилов)
Мы занимаемся разработкой и развитием собственных интернет-проектов в области международного здравоохранения, монетизации трафика, лидогенерации и нативной рекламы.
Возьмём к себе и будем любить сильно-сильно Frontend разработчика 😀
Что нам нужно:
HTML5, CSS3, JavaScript
Отличные знания в одном из framework-ов — React или Vue
Знание хотя бы одной из систем сборки (grunt, gulp, webpack)
Знания git
Понимание REST API и опыт взаимодействия
Будет плюсом:
Понимание принципов UI/UX
Опыт использования системы виртуализации Docker
Опыт работы с высоконагруженными проектами
✔️ Офис Москва-Сити 🙌🏻
✔️Гибкий график начала и окончания рабочего дня
Все вопросы @a_perevoznikova
+79161651618
За успешную рекомендацию - бонус
Один файл, много опций: использование вариативных шрифтов в вебе #css
https://css-tricks.com/one-file-many-options-using-variable-fonts-web/
https://css-tricks.com/one-file-many-options-using-variable-fonts-web/
CSS-Tricks
One File, Many Options: Using Variable Fonts on the Web
In 2016, an important development in web typography was jointly announced by representatives from Adobe, Microsoft, Apple, and Google. Version 1.8 of the
Как использовать webpagetest.org для тестирования скорости загрузки страниц https://community.centminmod.com/threads/how-to-use-webpagetest-org-for-page-load-speed-testing.13859/
Centmin Mod Community Support Forums
WebPerf - PageSpeed - How to use webpagetest.org for page load speed testing
My favourite page speed tool for web page page load speed testing is webpagetest.org. It has dozens of test geographical locations and web browser and...
WCAG 2.1 изменил статус на Candidate Recommendation https://www.w3.org/blog/2018/01/wcag21-cr/
www.w3.org
WCAG 2.1 is a Candidate Recommendation
Web Content Accessibility Guidelines (WCAG) 2.1 is now a Candidate Recommendation (CR). The main purpose of Candidate Recommendation is to ensure that the standard can be implemented. The content is considered stable at this stage, but it it could change…