#nodejs
Вводная статейка для знакомства с переменными окружения https://habr.com/ru/company/ruvds/blog/345724/
Вводная статейка для знакомства с переменными окружения https://habr.com/ru/company/ruvds/blog/345724/
Хабр
Эффективное использование process.env
Если вы только начинаете осваивать Node.js, то, вам, наверняка, встречались примерно такие строчки кода: app.listen(process.env.PORT). Зачем вбивать в редактор к...
Forwarded from Веб-стандарты (Веб-стандарты)
Четыре видео с Panda Frontend Meetup #22 в Авито: JSONata, Jora, JMESPath для сложных данных, декларативный Angular, тестирование на основе данных и плагины vue-cli — https://www.youtube.com/playlist?list=PLknJ4Vr6efQGs2U0c5-jf1VwOaDs-arGq
#meetup#css
Это не реклама митапа. Это агитация за красивую анимацию 😊 https://css-minsk-js.by
Это не реклама митапа. Это агитация за красивую анимацию 😊 https://css-minsk-js.by
#feature
Кто-нибудь задумывался, как работает скролл? Про то, как ноды добавляются/удаляются, про просчет наперед, сколько надо предзагрузить ресурсов перед показом? Скоро весь этот геморрой можно будет отложить. В Chrome 76 появилась новая фича, позволяющая сделать всё за нас - ленивая загрузка. Все подробности по ссылочке (там есть картинки с котиками 🙈) . К сожалению, все полезные фичи долго раскатываются, поэтому подобно метатегам нам придется их ждать 😢 (пруф на пикче с caniuse.com, 0.15%.. )
Чудо-фича 👉 https://web.dev/native-lazy-loading
Кто-нибудь задумывался, как работает скролл? Про то, как ноды добавляются/удаляются, про просчет наперед, сколько надо предзагрузить ресурсов перед показом? Скоро весь этот геморрой можно будет отложить. В Chrome 76 появилась новая фича, позволяющая сделать всё за нас - ленивая загрузка. Все подробности по ссылочке (там есть картинки с котиками 🙈) . К сожалению, все полезные фичи долго раскатываются, поэтому подобно метатегам нам придется их ждать 😢 (пруф на пикче с caniuse.com, 0.15%.. )
Чудо-фича 👉 https://web.dev/native-lazy-loading
#rendering
Не так давно шарила статейку про разницу веб-приложения и SPA. Вдогонку разница между разными видами рендеринга 🙈 Enjoy!
👉 https://tproger.ru/translations/rendering-on-the-web/
Не так давно шарила статейку про разницу веб-приложения и SPA. Вдогонку разница между разными видами рендеринга 🙈 Enjoy!
👉 https://tproger.ru/translations/rendering-on-the-web/
Tproger
Серверный или клиентский рендеринг на вебе: что лучше использовать у себя в проекте и почему
Статья на Tproger — Серверный или клиентский рендеринг на вебе: что лучше использовать у себя в проекте и почему
Forwarded from Веб-стандарты (Веб-стандарты)
Светлое будущее для отступов с помощью свойства gap не только для гридов, но и для флексов. Брайан Робинсон сравнивает сочетание margin + calc со свойством, ранее известным как grid-gap — https://bryanlrobinson.com/blog/gap-provides-bright-future-for-margins-in-flex-as-well-as-grid/
#meetup
https://facebook-developer-circle-moscow-launch-event.splashthat.com Митапчик от Facebook в Москве. Обо всем, в том числе о фронтенде
https://facebook-developer-circle-moscow-launch-event.splashthat.com Митапчик от Facebook в Москве. Обо всем, в том числе о фронтенде
Splashthat
Facebook Developer Circle: Moscow | Launch Event
Join us at the first event Facebook Developer Circle: Moscow. We'll talk about community and interesting technology and chat with you at the after party.
Forwarded from Веб-стандарты (Веб-стандарты)
Первые главы видеокурса Евгения Ковальчука по паттернам программирования в JavaScript:
— Singleton
— Factory method
— Аbstract factory
— Prototype
— Builder
— Decorator
— Facade
— Proxy
— Singleton
— Factory method
— Аbstract factory
— Prototype
— Builder
— Decorator
— Facade
— Proxy
YouTube
JavaScript Паттерны
В данном видео-курсе мы с вами рассмотрим самые распространённые паттерны проектирования, которые используются при разработке. Рассматривать мы их с вами буд...
Forwarded from Веб-стандарты (Веб-стандарты)
Создание анимированных фавиконок. Прити Сэм в переводе на Хабре собирает фавиконку с анимацией загрузки с помощью Canvas, JavaScript и геометрии — https://habr.com/p/464127/
This media is not supported in your browser
VIEW IN TELEGRAM
Почему она такая кайфовая 🙈 #css#animation
#bash
не редко даже фронтендерам приходится работать со сценариями командной строки. Самый подробный и понятный гайд по bash, который я видела, тут 👉 https://habr.com/en/company/ruvds/blog/325522/
не редко даже фронтендерам приходится работать со сценариями командной строки. Самый подробный и понятный гайд по bash, который я видела, тут 👉 https://habr.com/en/company/ruvds/blog/325522/
Хабр
Bash-скрипты: начало
Bash-скрипты: начало Bash-скрипты, часть 2: циклы Bash-скрипты, часть 3: параметры и ключи командной строки Bash-скрипты, часть 4: ввод и вывод Bash-скрипты, ча...
#js_basic
Основы всегда в моде! Всё, что вы хотели знать о циклах в js, но боялись спросить 👉https://frontender.info/es6-in-depth-iterators-and-the-for-of-loop/
Основы всегда в моде! Всё, что вы хотели знать о циклах в js, но боялись спросить 👉https://frontender.info/es6-in-depth-iterators-and-the-for-of-loop/
Frontender Magazine
ES6 в деталях: Итераторы и циклы for-of
Что готовит нам ES6? Джейсон Орендорфф (Jason Orendorff) рассказывает о новом синтаксисе for … of, как и зачем он используется и как сделать, чтобы он работал с произвольными объектами.
#testing
В вопросах метрик часто может помочь А/Б тестирование. Приятного знакомства 👉 https://texterra.ru/blog/kak-provodit-a-b-testirovanie.html
В вопросах метрик часто может помочь А/Б тестирование. Приятного знакомства 👉 https://texterra.ru/blog/kak-provodit-a-b-testirovanie.html
Texterra - продвижение и реклама в интернете
Что такое A/B-тестирование и как его проводить
Одним из инструментов развития веб-проектов является A/B-тестирование. Этот метод позволяет измерять предпочтения аудитории и влиять на ключевые показатели эффективности сайта. Из этой статьи вы узнаете, как правильно проводить A/B-тестирование.
#testing
А вы знали про pairwise? 👉 https://training.qatestlab.com/blog/technical-articles/pairwise-testing/
А вы знали про pairwise? 👉 https://training.qatestlab.com/blog/technical-articles/pairwise-testing/
Онлайн-курси від компанії QATestLab | Головна сторінка
Попарне тестування (Pairwise testing).
Техніка тест-дизайну попарне тестування (Pairwise testing), приклади застосування техніки та інструменти для попарного тестування.
#challenge
6 челенджей, которые помогут развить внутреннего фронтендера https://medium.com/better-programming/here-are-6-frontend-challenges-to-code-9952190c97cc
6 челенджей, которые помогут развить внутреннего фронтендера https://medium.com/better-programming/here-are-6-frontend-challenges-to-code-9952190c97cc
Medium
Here Are 6 Front-End Challenges to Code
Are you able to code these frontend challenges?