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

👉 @seniorFront

CSS Only Animated Background Particles Effects В этом видео создаются и анимируются частицы на HTML и CSS. 👉 @seniorFront

Sharp & Glowing dark card Создано и анимировано на HTML и SCSS. 👉 @seniorFront

Wriggly squiggly nav Подчёркивание под выбранным элементом - это svg картинка, стили которой изменяются через JS. 👉 @seniorFront

Frontender's notes - самый большой канал по фронту с годной инфой по HTML, CSS, JS, TypeScript, React, Node.js и развитию Soft-skills, а также разборы вопросов для интервью и подборка крутых статей c опытом релокации айтишников в другие страны. Вам сюда: 👉 @frontendnoteschannel Ну а если вы любите почитать статейки о вебе в оригинале то вот сюда 👉 @frontend_international В общем добро пожаловать!

​Способы стать лучшим фронтенд и бекенд разработчиком Общение Общение очень важный параметр для любой серьезной работы. - Начните совершенствоваться в навыках письменного общения, заведя личный блог или внеся свой вклад в другие публикации. - Пишите комментарии к различным статьям. - Напишите короткую электронную книгу об интересующей вас теме или о ваших уникальных навыках. - Совершенствуйте навыки устного общения, общаясь с коллегами и единомышленниками на конференциях и семинарах. - Совершенствуйте навыки презентации, снимая обучающие видео на Youtube. - Записывайте подкасты, в которых будете брать интервью у различных экспертов. - Читайте книги про переговоры, деловые встречи и ораторское мастерство. - Торгуйтесь. Покупаете ли вы яблоки на рынке, компьютер или машину с рук, всегда пробуйте снизить цену. Разработка - Помимо основной работы, займитесь сторонним проектом. Это поможет вам выучить что-нибудь новое и потренировать пройденные материалы. - Участвуйте в проектах с открытым исходным кодом. - Попытайтесь ежемесячно делать что-то новое, но полезное. Например, ежемесячно изучайте новый язык или фреймворк. - Разработайте простенькую игру. - Примите участие в Хакатоне. - Посещайте конференции и различные встречи, заводите друзей и делитесь с людьми знаниями. - Не лишним будет заходить на Stack Overflow и Quora. Помогайте людям и приобретайте уверенность в себе. А также не стесняйтесь просить помощи и для себя. - Преподавайте программирование детям. - Повторяйте изученные инструменты, которые вы используете, чтобы не терять сноровку и изучайте новые инструменты время от времени. - Найдите учителя/наставника. - Интервьюируйте кандидатов на должность и сами иногда посещайте интервью в качестве кандидата. Поверьте, это ценный опыт. 👉 @seniorFront

Slinky Loader Это svg картинка, анимированная при помощи библиотеки TweenMax. 👉 @seniorFront

load Событие load происходит, когда загрузилась и HTML страница (за это отвечает событие DOMContentLoaded), и все ресурсы для её отображения пользователю: стили, картинки и другое. Можно подписаться на объект window: window.addEventListener('load', function () { console.log('Страница готова!') }) Или поймать событие на элементах, у которых есть ресурс загрузки: const img = document.getElementById('img') img.addEventListener('load', function () { alert('А вот и картиночка') }) Событие load гарантирует, что браузер отображает страницу полностью: все стили и картинки готовы, размеры элементов на странице посчитаны верно и доступны. Предшествующее load событие DOMContentLoaded таких гарантий не даёт. То же самое с отдельными элементами на странице: если случился load, значит элемент полностью загрузился. 👉 @seniorFront

Hamster Time Создано и анимирована на HTML и SCSS. 👉 @seniorFront

generateRange Напишите функцию generateRange(min, max, step), которая генерирует массив чисел. Функция принимает 3 аргумента min - минимальное число, max - максимальное. step - шаг, на который увеличивается последующее число. Пример: generateRange(2, 10, 2) // should return array of [2,4,6,8,10] generateRange(1, 10, 3) // should return array of [1,4,7,10] 👉 @seniorFront

Orbit (Game) Игра на JS с несколькими отличающимися уровнями. 👉 @seniorFront

Quick CSS Text Animation Effects В этом видео анимируется CSS свойство filter со значением hue-rotate. 👉 @seniorFront

👉 @seniorFront

🚀Не время стоять на месте! Пора прокачать свои навыки в JavaScript-разработке! Если вы хотите перейти в fullstack-направление, приходите 17 марта в 20:00 на открытый урок онлайн-курса «JavaScript Developer. Professional» в OTUS. Арсений Высоцкий, тимлид в большой международной компании, проведет вебинар «Клиенты реляционных баз данных». На занятии мы обсудим ORM и типизированные библиотеки формирования SQL-запросов. 👉🏻Для регистрации на занятие пройдите вступительный тест https://otus.pw/WETR/ Курс доступен в рассрочку. Реклама. Информация о рекламодателе на сайте www.otus.ru

Skeuomorphic like button Кнопка создана и анимирована на HTML и SCSS. 👉 @seniorFront

Fancy Swiper slider Оригинальный слайдер, созданный с использованием библиотеки Swiper. 👉 @seniorFront

👉 @seniorFront

Обычно любые “гарантии” в рекламе — лишь маркетинг, но в данном случае это — реальные обязательства по договору на Frontend с Kata Academy. Все гарантии реальны и прописаны в договоре со школой, который при поступлении заключает каждый студент. — Ты получаешь работу от 80 000₽ — или обучение за наш счет Kata дает все необходимые инструкции, как после окончания обучения получить работу. Выполнил все условия, но работу не получил? Ты ничего не должен. — Оплата только после трудоустройства: учишься бесплатно, а платишь после трудоустройства Kata выгодно научить тебя как можно лучше. — При этом, если тебя уволили, сократили или призвали на военную службу, выплаты за обучение приостанавливаются до момента нового трудоустройства Свои слова Kata подтверждает договором и только так. Задача — трудоустроить тебя на хорошую зарплату, потому что от этого, в том числе, зависит и доход Kata. Поэтому — это win-win модель и для Kata, и для тебя. Записывайся на курс: https://clck.ru/33mRBS