Мы немного посовещались и решили увеличить призовой фонд нашего конкурса 😉
Для тех, кто все пропустил:
Конкурс на
📍 2 лучших статьи сайте proglib.io
📍 1 лучший комментарий на сайте proglib.io
Что нужно? Написать статью или оставить комментарий под любой из статей сайта. Победитель выбирается по количеству просмотров и лайков НА сайте. Любители накручивать дисквалифицируются!
Для самых крутых авторов статей мы подготовили подарки:
✏ 1 место - годовая подписка на ВСЕ продукты Jetbrains, либо издание по архитектуре ("Архитектура программного обеспечения на практике" или "Чистый код" или "Искусство программирования").
✏ 2 место - годовая подписка на какой-то один из продуктов Jetbrains, либо издание про базы данных ("Рефакторинг баз данных или Эволюционное проектирование" или "Базы данных: Проектирование, реализация и сопровождение. Теория и практика" или "Работа с PostgreSQL. Настройка и масштабирование").
✏ А комментатор “не в бровь, а в глаз” получит бумажную книгу на выбор: "Думай медленно...Решай быстро" Канемана, "Музыка мозг. Правила гармоничного развития" или "Мозг во сне. Что происходит с мозгом, пока мы спим".
🔵 Статьи должны быть по теме сайта, от 4к до 8к знаков без пробелов, с уникальностью 90%+ по text.ru, без рекламы и брани. Предпочтение туториалам на базе личного опыта, интересным подборкам и обзорам.
🔵 Комментарий должен быть без рекламы и брани.
И да победят лучшие! 😊
Дедлайн конкурса — 18 октября 2019
Если у вас проблемы с написанием материала, пишите нашему главному редактору @lavafloor
Для тех, кто все пропустил:
Конкурс на
📍 2 лучших статьи сайте proglib.io
📍 1 лучший комментарий на сайте proglib.io
Что нужно? Написать статью или оставить комментарий под любой из статей сайта. Победитель выбирается по количеству просмотров и лайков НА сайте. Любители накручивать дисквалифицируются!
Для самых крутых авторов статей мы подготовили подарки:
✏ 1 место - годовая подписка на ВСЕ продукты Jetbrains, либо издание по архитектуре ("Архитектура программного обеспечения на практике" или "Чистый код" или "Искусство программирования").
✏ 2 место - годовая подписка на какой-то один из продуктов Jetbrains, либо издание про базы данных ("Рефакторинг баз данных или Эволюционное проектирование" или "Базы данных: Проектирование, реализация и сопровождение. Теория и практика" или "Работа с PostgreSQL. Настройка и масштабирование").
✏ А комментатор “не в бровь, а в глаз” получит бумажную книгу на выбор: "Думай медленно...Решай быстро" Канемана, "Музыка мозг. Правила гармоничного развития" или "Мозг во сне. Что происходит с мозгом, пока мы спим".
🔵 Статьи должны быть по теме сайта, от 4к до 8к знаков без пробелов, с уникальностью 90%+ по text.ru, без рекламы и брани. Предпочтение туториалам на базе личного опыта, интересным подборкам и обзорам.
🔵 Комментарий должен быть без рекламы и брани.
И да победят лучшие! 😊
Дедлайн конкурса — 18 октября 2019
Если у вас проблемы с написанием материала, пишите нашему главному редактору @lavafloor
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js pinned «Мы немного посовещались и решили увеличить призовой фонд нашего конкурса 😉 Для тех, кто все пропустил: Конкурс на 📍 2 лучших статьи сайте proglib.io 📍 1 лучший комментарий на сайте proglib.io Что нужно? Написать статью или оставить комментарий под любой…»
#javascript #tools
Современная загрузка скриптов
Загружаем современный JavaScript везде, где это возможно, и не забываем про старые браузеры.
https://prglb.ru/52xse
Современная загрузка скриптов
Загружаем современный JavaScript везде, где это возможно, и не забываем про старые браузеры.
https://prglb.ru/52xse
#interface
Создаем доступный кастомный выпадающий список
Некоторые базовые HTML компоненты сложно кастомизировать — и селект один из них. Сделаем свой селект со стилями и доступностью!
https://prglb.ru/3nw1x
Создаем доступный кастомный выпадающий список
Некоторые базовые HTML компоненты сложно кастомизировать — и селект один из них. Сделаем свой селект со стилями и доступностью!
https://prglb.ru/3nw1x
#beginners
6 ошибок начинающих веб-разработчиков
Распространенные ошибки новичков и способы их избежать.
https://prglb.ru/22b2o
6 ошибок начинающих веб-разработчиков
Распространенные ошибки новичков и способы их избежать.
https://prglb.ru/22b2o
#frameworks #react
Клон Airbnb с React и ElasticSearch
Создаем мощное поисковое приложение с помощью библиотеки ReactiveSeach.
https://prglb.ru/53g5
Клон Airbnb с React и ElasticSearch
Создаем мощное поисковое приложение с помощью библиотеки ReactiveSeach.
https://prglb.ru/53g5
Какой JS-фреймворк приносит вам больше денег?
anonymous poll
React – 305
👍👍👍👍👍👍👍 47%
Vue – 144
👍👍👍 22%
Angular – 100
👍👍 16%
Не использую фреймворк на работе/в проектах – 80
👍👍 12%
Другой фреймворк – 16
▫️ 2%
👥 645 people voted so far.
anonymous poll
React – 305
👍👍👍👍👍👍👍 47%
Vue – 144
👍👍👍 22%
Angular – 100
👍👍 16%
Не использую фреймворк на работе/в проектах – 80
👍👍 12%
Другой фреймворк – 16
▫️ 2%
👥 645 people voted so far.
#gamedev #video
Тетрис на JavaScript
Крутой плейлист от CodeDojo, в котором с нуля создается легендарный тетрис!!
https://www.youtube.com/playlist?list=PLqHlAwsJRxAMa9HHLRZcHFZyM7SBHqJgt
Тетрис на JavaScript
Крутой плейлист от CodeDojo, в котором с нуля создается легендарный тетрис!!
https://www.youtube.com/playlist?list=PLqHlAwsJRxAMa9HHLRZcHFZyM7SBHqJgt
YouTube
Tetris на JavaScript #0 - Вступление
#tetris #javascript
Пишем всемирно известную игру Tetris на чистом JavaScript.
Начальный код: https://storage.codedojo.ru/projects/tetris/tetris.zip
---
Обучение программированию и разработке: https://codedojo.ru
Канал в Telegram: https://yangx.top/codedojo
Пишем всемирно известную игру Tetris на чистом JavaScript.
Начальный код: https://storage.codedojo.ru/projects/tetris/tetris.zip
---
Обучение программированию и разработке: https://codedojo.ru
Канал в Telegram: https://yangx.top/codedojo
Попрактикуемся? 😉
За пару дней напишем игру “гоночки” на JavaScript!
Что будет на интенсиве👇
Познакомишься с переменными, типами данных, циклами, условиями и функциями. Узнаешь как отлавливать события нажатия клавиш на клавиатуре и мыши.
Разберешься, как работать с элементами DOM-дерева, получать элементы со страницы, создавать свои с помощью JavaScript и манипулировать ими.
Научишься работать с консолью в браузере и поймешь, как делать анимацию с помощью requestAnimationFrame.
Переходи по ссылке и получи приглашение👇
https://telegram.me/gloacademy_bot?start=5d84fc1401c860000e48dc03
За пару дней напишем игру “гоночки” на JavaScript!
Что будет на интенсиве👇
Познакомишься с переменными, типами данных, циклами, условиями и функциями. Узнаешь как отлавливать события нажатия клавиш на клавиатуре и мыши.
Разберешься, как работать с элементами DOM-дерева, получать элементы со страницы, создавать свои с помощью JavaScript и манипулировать ими.
Научишься работать с консолью в браузере и поймешь, как делать анимацию с помощью requestAnimationFrame.
Переходи по ссылке и получи приглашение👇
https://telegram.me/gloacademy_bot?start=5d84fc1401c860000e48dc03
#javascript
Виртуальный DOM
Что такое виртуальный DOM, зачем он нужен и чем отличается от обычного?
https://prglb.ru/52lmh
Виртуальный DOM
Что такое виртуальный DOM, зачем он нужен и чем отличается от обычного?
https://prglb.ru/52lmh
Инновационный центр Ай-Теко приглашает на работу в свои офисы в Сколково и Иннополисе
Разработчиков Java или JavaScript Junior (стартовая з/п 60-100k)
Разработчиков Java или JavaScript Senior (стартовая з/п 130-290k)
Условия работы:
🔸Гибкий график;
🔸Офис А класса;
🔸ДМС, стоматолог;
🔸Обучение и сертификации за счет компании;
🔸Компенсация парковки;
🔸Удобная офисная кухня с холодильником, микроволновкой и всем необходимым;
🔸Скидка и рассрочка на фитнес;
🔸Спортивные мероприятия.
Предусмотрена релокация для перспективных кандидатов.
❗️Узнай больше о вакансиях и отправь резюме: https://bit.ly/2mlwXM5
Разработчиков Java или JavaScript Junior (стартовая з/п 60-100k)
Разработчиков Java или JavaScript Senior (стартовая з/п 130-290k)
Условия работы:
🔸Гибкий график;
🔸Офис А класса;
🔸ДМС, стоматолог;
🔸Обучение и сертификации за счет компании;
🔸Компенсация парковки;
🔸Удобная офисная кухня с холодильником, микроволновкой и всем необходимым;
🔸Скидка и рассрочка на фитнес;
🔸Спортивные мероприятия.
Предусмотрена релокация для перспективных кандидатов.
❗️Узнай больше о вакансиях и отправь резюме: https://bit.ly/2mlwXM5
#frameworks #angular
Почему вы должны выбрать Angular для следующего frontend-проекта?
Обзор преимуществ популярного фреймворка
https://prglb.ru/79g
Почему вы должны выбрать Angular для следующего frontend-проекта?
Обзор преимуществ популярного фреймворка
https://prglb.ru/79g
#advanced
Нестабильность макетов
Из-за асинхронной подгрузки ресурсов и динамического добавления элементов, макет страницы может изменяться уже после того, как юзер начал взаимодействовать с ним. Иногда это приводит к большим неприятностям.
Учимся обнаруживать и компенсировать такую нестабильность с новым API PerformanceObserver.
https://prglb.ru/5ahu6
Нестабильность макетов
Из-за асинхронной подгрузки ресурсов и динамического добавления элементов, макет страницы может изменяться уже после того, как юзер начал взаимодействовать с ним. Иногда это приводит к большим неприятностям.
Учимся обнаруживать и компенсировать такую нестабильность с новым API PerformanceObserver.
https://prglb.ru/5ahu6
#performance
Как контент веб-страницы влияет на расход аккумулятора
Повышаем энергоэффективность наших сайтов!
https://prglb.ru/4ls5a
Как контент веб-страницы влияет на расход аккумулятора
Повышаем энергоэффективность наших сайтов!
https://prglb.ru/4ls5a
#javascript
Untrusted
Крутая игра, в которой нужно проходить уровни с помощью написанного вами JavaScript-кода!
Осторожно! Затягивает :)
https://alexnisnevich.github.io/untrusted/
Untrusted
Крутая игра, в которой нужно проходить уровни с помощью написанного вами JavaScript-кода!
Осторожно! Затягивает :)
https://alexnisnevich.github.io/untrusted/
#interface
Предотвращаем прокрутку страницы при открытии модального окна
После закрытия модального окна вы хотели бы оказаться точно в том же месте страницы, где были при его открытии. Разбираемся, как запретить прокрутку правильно.
https://prglb.ru/4bbfs
Предотвращаем прокрутку страницы при открытии модального окна
После закрытия модального окна вы хотели бы оказаться точно в том же месте страницы, где были при его открытии. Разбираемся, как запретить прокрутку правильно.
https://prglb.ru/4bbfs
#webpack #tools
Webpack с нуля до героя
Полное руководство в пяти главах по самому мощному инструменту фронтенд-разработчика:
- Глава 0. Введение и история https://prglb.ru/27aco
- Глава 1. Начало работы https://prglb.ru/2frca
- Глава 2. Конфигурация https://prglb.ru/4kq3
- Глава 3. Все является модулем https://prglb.ru/gbzn
- Глава 4. Динамические импорты и сплиттинг кода https://prglb.ru/4xerf
Webpack с нуля до героя
Полное руководство в пяти главах по самому мощному инструменту фронтенд-разработчика:
- Глава 0. Введение и история https://prglb.ru/27aco
- Глава 1. Начало работы https://prglb.ru/2frca
- Глава 2. Конфигурация https://prglb.ru/4kq3
- Глава 3. Все является модулем https://prglb.ru/gbzn
- Глава 4. Динамические импорты и сплиттинг кода https://prglb.ru/4xerf
#css #tools
Почему CSS Custom Properties лучше, чем SASS-переменные?
Рассматриваем преимущества кастомных свойств перед переменными препроцессоров.
https://prglb.ru/1qxxz
Почему CSS Custom Properties лучше, чем SASS-переменные?
Рассматриваем преимущества кастомных свойств перед переменными препроцессоров.
https://prglb.ru/1qxxz
Начать карьеру Front-end разработчика можно без вложений за 6 месяцев. Единственный проект в России, где ты можешь научиться JavaScript разработке бесплатно. Оплата обучения происходит только после того, как ты начнешь работать. Первая зарплата от 70 000 рублей.
Тестовые задания принимаются до 10 октября
🙋♂️👉🏻 Количество мест ограничено, успей подать заявку: https://clck.ru/JG8QX
1. Ты получишь гарантию трудоустройства, если не найдешь работу, то ты ничего не должен.
2. Ты будешь учиться по индивидуальной программе с личным наставником.
3. Ты получишь опыт работы в коммерческом проекте для резюме.
4. Ты изучишь востребованный стек технологий: HTML/CSS/JS, React + Redux.
5. Ты будешь общаться в закрытом сообществе студентов - разработчиков.
6. И получишь карьерную поддержку от экспертов на 2 года: мастер-классы, митапы, консультации и тренинги.
Тестовые задания принимаются до 10 октября
🙋♂️👉🏻 Количество мест ограничено, успей подать заявку: https://clck.ru/JG8QX
1. Ты получишь гарантию трудоустройства, если не найдешь работу, то ты ничего не должен.
2. Ты будешь учиться по индивидуальной программе с личным наставником.
3. Ты получишь опыт работы в коммерческом проекте для резюме.
4. Ты изучишь востребованный стек технологий: HTML/CSS/JS, React + Redux.
5. Ты будешь общаться в закрытом сообществе студентов - разработчиков.
6. И получишь карьерную поддержку от экспертов на 2 года: мастер-классы, митапы, консультации и тренинги.
#patterns
Веб-разработка: 10 антипаттернов, которых лучше избегать
Плохие практики веб-программирования, от которых вы должны немедленно избавиться!
https://prglb.ru/3rljq
Веб-разработка: 10 антипаттернов, которых лучше избегать
Плохие практики веб-программирования, от которых вы должны немедленно избавиться!
https://prglb.ru/3rljq