Forwarded from Web Stack
Имитация бекенда блога с помощью Mirage и JSON API
Mirage - библиотека для мокинга данных.
https://emberigniter.com/mock-json-api-backend-with-mirage/
Mirage - библиотека для мокинга данных.
https://emberigniter.com/mock-json-api-backend-with-mirage/
Советы по созданию собственной ленивой загрузки.
Сравнение методов реализации ленивой подгрузки данных.
https://css-tricks.com/tips-for-rolling-your-own-lazy-loading/
Сравнение методов реализации ленивой подгрузки данных.
https://css-tricks.com/tips-for-rolling-your-own-lazy-loading/
#вакансия #Frontend #FrontendDeveloper #JavaScript #React
Город: Санкт-Петербург м.Чернышевская
Формат работы: офис, возможно удалённо
Занятость: полная, гибкий график
Зарплатная вилка: от 100 тыс. руб. до 200 тыс. руб.
Мы компания Java Mentor (https://java-mentor.com/) — единственный проект на рынке России в сфере Java образования, работающий в формате индивидуального менторинга.
Мы запускаем новое направление по front-end разработке.
Задачи по разработке:
▫️Разработка front-end'a для нашей образовательный платформы в экосистеме React;▫️ Перенос кода приложения на React;
▫️ Помощь в найме новых членов команды;
Задачи по обучению:
▫️Составление учебной программы по направлению front-end разработки;
▫️Консультирование студентов по вопросам, контроль качества знаний;
▫️Передача опыта, привитие хорошего стиля написания кода;
▫️Управление командой студентов при написании коммерческого проекта;
Требования:
1. Знания современного стандарта JavaScript: ES6. Умение решать задачи без использования библиотек.
2. Опыт прикладной разработки на клиентском JavaScript:
🔹 Представление о структуре программы и подходах к проектированию;
🔹 Отличное владение HTML и CSS;
🔹 Прогрессивное улучшение;
🔹 Опыт использования React и понимание принципов его работы;
🔹 Понимание Flux-архитектуры;
🔹 Опыт написания тестов бизнес-логики JSX-компонент;
3. Опыт работы в команде и с чужим кодом:
🔹 спокойное отношение к непривычному стилю кода и мышления;
🔹 умение разобраться в чужом коде и предложить лучшее решение;
🔹 привычка искать ошибки и разбираться в коде не методом пристального взгляда®, а через консоль и отладчик.
4. Умение работать с Git.
Требуемый опыт работы: 1–3 года
Контакты: @lev_erdeev
Город: Санкт-Петербург м.Чернышевская
Формат работы: офис, возможно удалённо
Занятость: полная, гибкий график
Зарплатная вилка: от 100 тыс. руб. до 200 тыс. руб.
Мы компания Java Mentor (https://java-mentor.com/) — единственный проект на рынке России в сфере Java образования, работающий в формате индивидуального менторинга.
Мы запускаем новое направление по front-end разработке.
Задачи по разработке:
▫️Разработка front-end'a для нашей образовательный платформы в экосистеме React;▫️ Перенос кода приложения на React;
▫️ Помощь в найме новых членов команды;
Задачи по обучению:
▫️Составление учебной программы по направлению front-end разработки;
▫️Консультирование студентов по вопросам, контроль качества знаний;
▫️Передача опыта, привитие хорошего стиля написания кода;
▫️Управление командой студентов при написании коммерческого проекта;
Требования:
1. Знания современного стандарта JavaScript: ES6. Умение решать задачи без использования библиотек.
2. Опыт прикладной разработки на клиентском JavaScript:
🔹 Представление о структуре программы и подходах к проектированию;
🔹 Отличное владение HTML и CSS;
🔹 Прогрессивное улучшение;
🔹 Опыт использования React и понимание принципов его работы;
🔹 Понимание Flux-архитектуры;
🔹 Опыт написания тестов бизнес-логики JSX-компонент;
3. Опыт работы в команде и с чужим кодом:
🔹 спокойное отношение к непривычному стилю кода и мышления;
🔹 умение разобраться в чужом коде и предложить лучшее решение;
🔹 привычка искать ошибки и разбираться в коде не методом пристального взгляда®, а через консоль и отладчик.
4. Умение работать с Git.
Требуемый опыт работы: 1–3 года
Контакты: @lev_erdeev
Java-Mentor
Обучение JAVA с личным наставником.
Подготовка востребованных Java разработчиков online. Программа подготовки с личным наставником с любого уровня и до трудоустройства. Опыт в бизнес проекте и поддержка до первого рабочего дня.
#js
Метод строки startsWith() в JavaScript - примеры и кейсы применения.
https://medium.com/@samanthaming/string-startswith-method-in-javascript-b12ec998eb54
Метод строки startsWith() в JavaScript - примеры и кейсы применения.
https://medium.com/@samanthaming/string-startswith-method-in-javascript-b12ec998eb54
Как назвать переменную, чтобы над тобой не смеялась вся команда? Как запрограммировать функцию без ошибок? Что делать, если код работает не так, как нужно?
Парни из @thecodemedia разбирают всё это без пафоса и ЧСВ — просто и доступно. Здесь никто не смеётся над новичками, а вместо критики дают дельные советы.
Парни из @thecodemedia разбирают всё это без пафоса и ЧСВ — просто и доступно. Здесь никто не смеётся над новичками, а вместо критики дают дельные советы.
Настройка Webpack4.
Практическое руководство по настройке React проекта с webpack4, webpack-dev-server и Babel.
https://medium.com/@gapur.kassym/how-to-set-up-webpack-4-49012dedbfd6
Практическое руководство по настройке React проекта с webpack4, webpack-dev-server и Babel.
https://medium.com/@gapur.kassym/how-to-set-up-webpack-4-49012dedbfd6
Medium
Here’s How to Set up Webpack 4
I did the research so you don’t have to
Пользовательские свойства CSS в каскаде.
О том что такое пользовательские свойства, как они работают, наследуются и переопределяются
https://www.smashingmagazine.com/2019/07/css-custom-properties-cascade/
О том что такое пользовательские свойства, как они работают, наследуются и переопределяются
https://www.smashingmagazine.com/2019/07/css-custom-properties-cascade/
Как React Hooks может заменить React Router
https://blog.logrocket.com/how-react-hooks-can-replace-react-router/
https://blog.logrocket.com/how-react-hooks-can-replace-react-router/
Подкаст «CSSSR» : Новости 512 — выдыхай, Huawei, новые фичи на Github и git-клиенты, релизы и документалка про GraphQL
https://soundcloud.com/csssr/novosti-512-vydykhay-huawei-novye-fichi-na-github-i-git-klienty-relizy-i-dokumentalka-pro-graphql
https://soundcloud.com/csssr/novosti-512-vydykhay-huawei-novye-fichi-na-github-i-git-klienty-relizy-i-dokumentalka-pro-graphql
SoundCloud
выдыхай, Huawei, новые фичи на Github и git-клиенты, релизы и документалка про GraphQL
Функциональные компоненты - https://logaretm.com/blog/kinda-stateful-functional-components/
Как автоматизировать RoR Code Review - https://dev.to/evilmartians/danger-on-rails-make-robots-do-some-code-
Как автоматизировать RoR Code Review - https://dev.to/evilmartians/danger-on-rails-make-robots-do-some-code-
CORS – Cross-Origin коммуникация в современном вебе
https://alazierplace.com/2019/06/cors-cross-origin-communication-in-the-modern-web/
https://alazierplace.com/2019/06/cors-cross-origin-communication-in-the-modern-web/
Практический пример использования render-функций Vue: создание типографской сетки для дизайн-системы
https://habr.com/ru/company/ruvds/blog/458494/
https://habr.com/ru/company/ruvds/blog/458494/
#node
Переключение между версиями Node во время разработки
https://blog.logrocket.com/switching-between-node-versions-during-development/
Переключение между версиями Node во время разработки
https://blog.logrocket.com/switching-between-node-versions-during-development/
LogRocket Blog
Switching between Node versions during development - LogRocket Blog
Explore two popular Node version managers: NVm for Windows and n for Linux/Mac to choose the right tool for managing your Node versions.
#css
Рисование реалистичных облаков с помощью SVG и CSS
https://css-tricks.com/drawing-realistic-clouds-with-svg-and-css/
Рисование реалистичных облаков с помощью SVG и CSS
https://css-tricks.com/drawing-realistic-clouds-with-svg-and-css/
#css
Почему большинство разработчиков боятся CSS
https://dev.to/steffenpedersen/why-most-developers-fear-css-3h99
Почему большинство разработчиков боятся CSS
https://dev.to/steffenpedersen/why-most-developers-fear-css-3h99
Macro Decorators — утилитарные макросы и обёртки для создания собственных декораторов (для любого фреймворка)
https://pzuraq.github.io/macro-decorators/
https://pzuraq.github.io/macro-decorators/
freezeframe.js — библиотека, которая приостанавливает анимированные .gifs, запуская анимацию при наведении мыши / клику / тачу
https://github.com/ctrl-freaks/freezeframe.js/
https://github.com/ctrl-freaks/freezeframe.js/