Senior Frontend - javascript, html, css. Страница 39

Simple Parallax В этом видео создается parallax эффект при помощи плагина ScrollTrigger для библиотеки gsap. 👉 @seniorFront

A moment of pure CSS Создано без использования JS. Анимации реализованы при помощи CSS keyframes. 👉 @seniorFront

Как готовиться к собеседованию? Как писать резюме? Где искать вакансии кроме hh? Как развиваться на текущем месте и готовиться к следующему? Вот, например, наш пост про происходящее на IT рынке и как с этим жить. ➡️ Подписывайся - будет много полезной и интересной инфы.

3D Galaxy Particles Создано на canvas и анимировано с использованием TweenMax. 👉 @seniorFront

​5 страхов программистов Утрата актуальности навыков Что может быть хуже, чем «устареть» и стать бесполезным? Чтобы не растерять навыки, нужно постоянно учиться, бросать себе вызовы, интересоваться новостями мира программирования. Технологии совершенствуются каждый день, поэтому соответствовать прогрессу — обязанность каждого разработчика. Дедлайны Чтобы не портить себе нервы, старайтесь всегда сообщать заказчику крайний срок с запасом времени. Удастся завершить проект раньше — получите больше благодарности, а если в процессе работы вылезут непредвиденные проблемы — будет время на необходимые маневры. Не трудоустроиться за границей Перспектива получать зарплату в рублях при сохранении нынешних тенденций выглядит пугающе. Но получить работу мечты за рубежом — не сверхсложная задача, решить ее помогут знание английского и актуальных технологий. Создать продукт для несуществующего рынка Обидно, если существенные усилия тратятся впустую. Чтобы такого не случилось с вашим проектом, не экономьте на тестировании идей на потенциальных клиентах. Создать уязвимость Страшно допустить ошибку, которая будет использована злоумышленниками. Выход один — там, где от халатности могут серьезно пострадать люди, нужно быть вдвойне осторожным. 👉 @seniorFront

Обсудим архитектуру фронтенда на бесплатном митапе IT One Scale JS Meetup при поддержке JUG RU Group 📅 13 октября, 18:00, онлайн В программе: ✔ Александр Гузенко — Архитектура фронтенда. Основные подходы. Из этого доклада вы узнаете о плюсах и минусах подходов к выстраиванию архитектуры фронтенда, а также поймете, как выбирать между ними. ✔ Олег Мухов — Как построить поддерживаемое React-Redux энтерпрайз-приложение. Олег расскажет, как выстроить архитектуру долгоживущего приложения с грамотным распределением ответственности между элементами системы. Также спикер покажет, как исправить проект, который уже столкнулся с архитектурными проблемами. Вы сможете подискутировать с другими участниками и задать вопросы спикерам. Автор лучшего вопроса получит толстовку. Также разыграем два комплекта мерча от IT One среди тех, кто пройдет опрос и оставит отзыв о митапе — опрос отправим на почту всем участникам. ➡️ Регистрируйтесь и участвуйте — это бесплатно: https://bit.ly/3ehsJAI

100 divs - Dragon Создано с использованием препроцессоров Pug и SCSS. Анимировано библиотекой gsap. 👉 @seniorFront

Что делает строчка “use strict”;? Какие достоинства и недостатки от ее использования? ‘use strict’ это директива, используемая для включения строгого режима во всем скрипте или отдельных функциях. Преимущества: 1. Не позволяет случайно создавать глобальные переменные. 2. Любое присваивание, которое в обычном режиме завершается неудачей, в строгом режиме выдаст исключение. 3. При попытке удалить неудаляемые свойства, выдаст исключение (в то время как в нестрогом режиме никакого действия бы не произошло). 4. Требует, чтобы имена параметров функции были уникальными. 5. this в глобальной области видимости равно undefined. 6. Перехватывает распространенные ошибки, выдавая исключения. 7. Исключает неочевидные особенности языка. Недостатки: 1. Нельзя использовать некоторые особенности языка, к которым привыкли некоторые разработчики. 2. Нет доступа к function.caller и function.arguments. 3. Объединение скриптов, написанных в строгом режиме может вызвать проблемы.

WebGL Image Transition Переходы между картинками созданные с использованием технологии WebGL и библиотеки Three.js 👉 @seniorFront

Count characters in your string Создайте функцию, которая посчитает количество символов в строке и вернет их в таком формате: Строка - aba, Результат - {'a': 2, 'b': 1}. 👉 @seniorFront

Frosted Glass loader Вся сцена - это svg картинка, анимируемая библиотекой gsap. 👉 @seniorFront

Login Form В этом видео создается и анимируется форма входа на HTML и CSS.. 👉 @seniorFront

Baby Yoda Сцена реализована на canvas. Логика перемещения и слежения за курсором созданы в JS. 👉 @seniorFront

⁉️ Хотите изучать алгоритмы? Приходите на открытый урок «Создание ассоциативного массива» 13 октября в 20:00 мск. 💻 На занятии мы начнем реализовывать популярную структуру данных «ассоциативный массив» для хранения пар (ключ, значение), рассмотрим алгоритмы для решения этой задачи и сравним их эффективность: ✔️ Параллельные массивы ✔️ Отсортированные массивы ✔️ Двоичные деревья поиска 👉 Занятие проведет Евгений Волосатов — ведущий программист с 20-летним опытом. Урок проводится в рамках онлайн-курса «Алгоритмы и структуры данных». Используйте эту возможность, чтобы попробовать обучение и познакомиться с экспертом. 🔥 Для регистрации пройдите вступительный тест Реклама. Информация о рекламодателе на сайте www.otus.ru

Smooth Skeletons Свёрстано на гридах и анимировано в CSS. 👉 @seniorFront

👉 @seniorFront

Resume CV design В этом видео создается верстка резюме на HTML и CSS. 👉 @seniorFront

🔴 Для тех кто ответил: присматриваюсь Есть вариант быстро стартануть карьеру и начать зарабатывать от 60к меньше чем через год Вот самый полный курс по фронту на сегодня: Профессия Frontend-разработчик с нуля до PRO А вот причины почему надо идти: 📌 Сезонная скидка на курс - 50% 📌 Гарантируют трудоустройство 📌 Первые полгода вы учитесь бесплатно