Используем fetch()

Не так давно мы использовали XMLHttpRequest для запросов к серверу. В чистом виде, думаю, мало кто его юзал, ведь есть axios, например.
Теперь в браузерах появилась поддержка fetch (все браузеры кроме IE).

Fetch использует Promise и позволяет использовать более чистое и декларативное API.

Синтаксис fetch

  let promise = fetch(url[, options]);

Свойства options:

method – метод запроса,
headers – заголовки запроса,
body – тело запроса: FormData, Blob, строка и т.п,
mode – одно из: «same-origin», «no-cors», «cors»,
credentials – одно из: «omit», «same-origin», «include»,
cache – одно из «default», «no-store», «reload», «no-cache», «force-cache», «only-if-cached»

Одним из преимуществ fetch является возможность преобразования формата response:

response.formData()
response.json()
response.text()

а также простой доступ к полям response - headers, status и пр.

Пример выполнения запроса:

  .then(function(response) {
    console.log(response.status);
    return response.json();
   })

Более подробно с fetch можно ознакомиться в статье - https://bit.ly/2EkjWuO

#vue

Юнит-тестирование вашего первого компонента на Vue.js

https://frontstuff.io/unit-test-your-first-vuejs-component

Эти основы React, которые вы пропустили, могут быть убийственны для вас

https://medium.freecodecamp.org/these-react-fundamentals-you-skip-may-be-killing-you-7629fb87dd4a

#vue

Радость создания Vue приложений на Typescript — часть 1: Vue Class Components

https://medium.com/coding-blocks/the-joy-of-building-vue-apps-in-typescript-part-1-vue-class-components-8291bb6213d8

#css

Как я запомнил свойства CSS Grid

https://zellwk.com/blog/remember-css-grid-properties/

Создание фул-стэк приложений с помощью Angular CLI и Nx

https://blog.nrwl.io/building-full-stack-applications-using-angular-cli-and-nx-5eff205248f1

12 компаний, которые используют Vue.js в разработке своих приложений

https://naturaily.com/blog/companies-vue-js-applications

perfume.js — JavaScript библиотека для измерения First (Contentful) Paint, Time to Interactive и First Input Delay.

https://github.com/Zizzamia/perfume.js

Вызовы между JS и WebAssembly наконец стали быстрыми в Firefox

https://hacks.mozilla.org/2018/10/calls-between-javascript-and-webassembly-are-finally-fast-%F0%9F%8E%89/

#react

OOP и RxJS: управление состоянием в React с помощью Akita

https://engineering.datorama.com/oop-and-rxjs-managing-state-in-react-with-akita-de981e09307

#вакансия #работа #удалёнка #remote #fulltime #js #javascript #frontend #анимация

Привет!
Ищем Creative front-end developer в команду веб-разработки “Девять линий” ninelines.agency

Наша специализация:
Субподрядная Frontend-разработка и интеграция на CMS для дизайн-агентств. Специфика проектов - HTML-верстка с акцентом на анимацию, интерактив и JS-эффекты.

Задачи:
▪️Верстка макетов по ТЗ (PSD, Sketch, Figma)
▪️Разработка проектов с визуальными эффектами на JavaScript (в среднем в 50% проекта от его общего объема нужно будет использовать JS)

Приветствуем готовность заниматься задачами контроля качества

Примеры проектов можно посмотреть в портфолио: https://ninelines.agency/projects

Информация о стеке технологий находится в регламенте: github.com/ninelines-team/ninelines-docs и сборке: github.com/ninelines-team/ninelines-template

Стандарты качества описаны в чек-листе: gist.github.com/beliarh/57c4f1c268e90125e3f400ee41bc4963

Что мы ожидаем от вас?

✔️От 2-х лет коммерческого опыта адаптивной и кроссбраузерной верстки
✔️Умение писать чистый, валидный и поддерживаемый код
✔️Отличное владение HTML, CSS, JavaScript, jQuery, SCSS, GULP, GIT, БЭМ
✔️Интерес к качеству и опыт плотной работы с тестировщиком или самостоятельного тестирования проектов
✔️Опыт рефакторинга / ревью кода

Условия:

✔️Работа в опытной команде с узкой Front-end специализацией
✔️Формат работы: #удаленка
✔️Занятость: полная
✔️Зп: по результатам собеседования, от 40-50 тыс. рублей в месяц
✔️Перспективы роста во Frontend teamlead
✔️Праздники и отпуск по ТК РФ

Контакты:
hr Ирина Добровольская
@irinadobrovolskaya24
[email protected]

Подробнее о вакансии: https://moikrug.ru/vacancies/1000043629

#web

Шпаргалка по Accessibility

https://moritzgiessmann.de/accessibility-cheatsheet/

#video

Видеоблог Вадима Макеева 5. Политех, магический JPEG, ненужная форма и object-fit на SVG , 6. Погружение в object-fit: cover с полифилом и без

https://www.youtube.com/watch?v=aZJMOVpMhtc

#web

Оптимизируем веб с Виталием Фридманом: скорость загрузки, память, CPU

https://habr.com/company/jugru/blog/426155/

#web

Как объединить Webpack 4 и Babel 7 для создания фантастического приложения на React

https://medium.freecodecamp.org/how-to-combine-webpack-4-and-babel-7-to-create-a-fantastic-react-app-845797e036ff

#css

CSS Border-Radius может такое?

https://9elements.com/io/css-border-radius/

#web

В Microsoft Edge найдена брешь, позволяющая запускать любые программы

https://tproger.ru/news/poc-code-edge/

Укрощение this в JavaScript с помощью оператора bind

https://www.webdesignernews.com/redirect/id/2325267

#react

11 песочниц для работы с UI компонентами React

https://blog.bitsrc.io/11-react-ui-component-playgrounds-for-2018-eef5a87a1bf8

#js

13 игр в ≤ 13kB of JavaScript js13kGames 2018

https://blog.github.com/2018-10-05-js13kgames-highlights-2018/

#css

5 вещей, которые вы можете сделать в CSS-in-JS и о которых вы не знали

https://blog.logrocket.com/5-things-you-can-do-in-css-in-js-that-you-didnt-know-about-c422fb67ceb6