❓ Не знаете, с чего начать осваивать Fullstack-разработку на JavaScript?
👉 Приходите на открытый вебинар для новичков «Async Patterns в JavaScript».
✅ На занятии мы пройдёмся по важным концепциям асинхронного программирования, и того как это выглядит в браузерах и Node.js. Рассмотрим традиционные методы JavaScript, которые позволяют запускать код асинхронно, а также эволюцию паттерна до promise, async/await и async итераторов. Обсудим актуальные задачи собеседований и их решения
📌 Не упустите шанс попробовать обучение на онлайн-курсе «Специализация Fullstack JavaScript Developer» от OTUS и начать осваивать новую профессию.
👉 Зарегистрируйтесь на мероприятие, чтобы участвовать https://otus.pw/BevM/
Почему я ненавижу турбо-страницы от Яндекса
Яндекс запустил свою версию "ускоренных страниц" под названием “Турбо” в далеком 2017 году. Это был эксперимент, но прошло уже 5 лет, и я вижу в этой технологии больше проблем, чем их решения.
Далее делюсь личным опытом взаимодействия с турбо, который может отличаться от мнения остальных пользователей, разработчиков и владельцев интернет ресурсов, чьи страницы ускоряет Яндекс.
Хотел что-то изменить в жизни?
Задумался о новой работе или оплатил обучающие курсы? Обрадовался окончанию пандемии и открытию границ?
Не хочу тебя обнадеживать, лучше забудь обо всем.
Сам прошёл через несколько кризисов, но все они покажутся нам цветочками.
Но не переживай, у меня все ещё хуже.
Я владею стартапом по робототехнике, делаю мобильные игры и пытаюсь сохранить на плаву несколько школ программирования для детей.
Подписывайся на канал!
Пишу хронику выживания, ищу интересных людей и планирую выйти победителем к концу года.
Свойство flex-direction
Свойство flex-direction указывает, как гибкие элементы размещаются в flex-контейнере – вертикально или горизонтально. Это свойство также определяет, будут ли эти гибкие элементы отображаться по порядку или в обратном порядке.
Подписывайтесь на канал 👉@coddy_academy
#css
Как изучить основы HTML и CSS за 5 занятий
HTML и CSS — служат основой каждого сайта, соцсети или интернет-магазина, которыми мы пользуемся каждый день. Знать их полезно не только веб-разработчикам, но и всем, кто работает с вебом — дизайнерам, контент-менеджерам, интернет-маркетологам и руководителям проектов.
На бесплатном курсе Нетологии «Основы вёрстки сайта» вы выполните 16 практических заданий и научитесь самостоятельно вносить изменения в HTML-код, верстать с нуля текстовые блоки, менять внешний вид отдельных элементов сайта с помощью CSS, а также готовить контент для публикации на сайте.
The Impossible Lightbulb
Лампочка, которую невозможно включить: открывается дверь и злой мишка снова ее выключает. Анимация реализована с помощью GSAP.
https://codepen.io/jh3y/pen/dyXBKog
Jest - фреймворк для тестирования в JavaScript
Фреймворк разработан для проверки правильности работы любого JavaScript кода.
Особенности:
👉 Не требует дополнительных настроек
👉 Тесты выполняются параллельно
👉 Простая установка
👉 Работает с проектами, использующими Babel, TypeScript, Node, React, Angular, Vue и т.д
👉 Удобный API
Сайт: https://jestjs.io/
Ищем разработчиков и дизайнеров 👨💻
Газпромбанк трансформируется и меняется. Мы постоянно улучшаем наши цифровые продукты и разрабатываем новые. Недавно мы выпустили большое обновление приложения, а в планах еще столько, что рук не хватает. Поэтому мы расширяем нашу команду.
Кто нам нужен прямо сейчас:
🔷 Frontend-разработчики (React, TypeScript, Next.js) для работы над сайтом и новым интернет-банком.
🔷 Мобильные разработчики под iOS (Swift) и Android (Kotlin), чтобы разрабатывать новый мобильный банк.
🔷 Дизайнеры, которые будут работать над цифровыми каналами и их продуктами.
Хотите работать в самом динамично развивающемся банке страны? Присылайте резюме на [email protected] с темой «В IT в Газпромбанк» и не забывайте указывать, какое направление интересует (разработчик iOS, дизайнер и т.п.).
Присылайте резюме, даже если профессии нет в списке — вакансии появляются постоянно. И перешлите это сообщение своим знакомым.
NoJS — Делаем калькулятор на чистом HTML and CSS. Без Javascript!
Недавно я расширил свои знания CSS и не смог придумать более практичного способа использовать полученные знания, чем сделать что-то, для чего любой разумный человек, вероятно, использовал бы JavaScript. Я создал это приложение для пиксель-арта и этот калькулятор. Вот как я создал калькулятор.
Demohttps://quarknerd.github.io/noJS/calc.html
Intro.js - JS библиотека для создания пошагового руководства пользователя для проекта
Intro.Js позволяет создать презентацию, которая с помощью подсказок шаг за шагом отобразит существующие характеристики продукта, или научит пользоваться тем, или иным функционалом на сайте.
Особенности / преимущества:
✔️Открытый исходный код
✔️Удобный API
✔️Легкая библиотека размером около 15 КБ
✔️Широкие возможности кастомизации
✔️Легко интегрировать в проект
✔️Кроссплатформенность
Сайт: https://introjs.com/GitHub: https://github.com/usablica/intro.js
✅Новый формат получения IT специальности - Буткемп. Что это такое?
Буткемп — методика, которую использовали в лагерях для подготовки солдат. Чтобы стать полноценным бойцом, в обычных условиях новобранцу нужно 3-4 года. В условиях Bootcamp такого результата достигали за 4 месяца. Эффективность методики обоснована тем, что на период кемпа человек полностью погружается в процесс обучения и быстрей воспринимает информацию. Сейчас этот метод обучения активно используют в Гарварде, IT-компаниях, бизнес-проектах и образовательных программах.
Для обучения IT специальностям (прежде всего программирование) формат начали использовать в 2011 году в США. Он быстро доказал свою эффективность и стал популярным. К примеру, за 2020 год IT буткемпы выпустили 24975 американцев. Для стран бывшего СССР, это новый формат.
В 2018 году в России открылся первый - Эльбрус Буткемп. С тех пор его выпускниками стали 752 человека. 93% из них нашло работу в течение 3 месяцев после выпуска.
Буткемп работает как оффлайн (Москва и Санкт-Петербург), так и онлайн.
Подробнее о формате Буткемп можно узнать на мероприятии в ближайший вторник
Создание игры на Three.js
Совсем недавно единственным способом создания и развертывания игр был выбор игрового движка, такого как Unity или Unreal, изучение языка, а затем упаковка игры и развертывание ее на выбранной платформе.
Мысль о том, чтобы попытаться доставить игру пользователю через браузер, казалась бы невыполнимой задачей.
К счастью, благодаря развитию браузерных технологий и аппаратному ускорению, которое стало доступно во всех популярных браузерах, улучшению производительности JavaScript и постоянному увеличению доступной вычислительной мощности, создание интерактивных игр для браузеров становится все более распространенным явлением.
blog.logrocket.com/creatin…three-js
Что такое и зачем нужны алгоритмы?🤔
Каждая третья вакансия для фронтендеров с опытом содержит в себе навык работы с алгоритмами в требованиях к соискателю. Отсюда вытекает вывод, что каждому разработчику для эффективной работы необходимо понимание и навык работы с алгоритмами.
Знание алгоритмов помогает писать более эффективный код, правильно выстраивать архитектуру проекта и отдельных модулей, а также отсеивать операции, ненужные для решения задачи.
Прочитав статью, вы узнате:
1. Что такое алгоритмы и зачем они нужны;
2. Насколько востребованы навыки работы с алгоритмами;
3. Какие задачи решают с помощью алгоритмов.
Переходите по ссылке и осваивайте навык работы с алгоритмами🚀
JavaScript по стандарту ES6+
#1: что это такое, с чего начать, как внедрять и запускать
#2: способы объявления переменных и констант в стандарте ES6+
#3: примитивные типы number, string, Infinity, NaN, boolean, null, undefined, Symbol
#4: приведение типов, оператор присваивания, функции alert, prompt, confirm
#5: арифметические операции: +, -, *, /, **, %, ++, --
#6: условные операторы if и switch, сравнение строк, строгое сравнение
#7: операторы циклов for, while, do while, операторы break и continue
#8: объявление функций по Function Declaration, аргументы по умолчанию
#9: функции по Function Expression, анонимные функции, callback-функции
#10: анонимные и стрелочные функции, функциональное выражение
#11: объекты, цикл for in
#12: методы объектов, ключевое слово this
#13: клонирование объектов, функции конструкторы
#14: массивы (array), методы push, pop, shift, unshift, многомерные массивы
#15: методы массивов: splice, slice, indexOf, find, filter, forEach, sort, split, join
#16: числовые методы toString, floor, ceil, round, random, parseInt и другие
#17: методы строк - length, toLowerCase, indexOf, includes, startsWith, slice, substring#18: коллекции Map и Set
#19: деструктурирующее присваивание
#20: рекурсивные функции, остаточные аргументы, оператор расширения
#21: замыкания, лексическое окружение, вложенные функции
#22: свойства name, length и методы call, apply, bind функций
#23: создание функций (new Function), функции setTimeout, setInterval и clearInterval