Frontend Песочница

2021-05-28 16:40:21 #песочница #css #svg
Липкое меню на основе чистого CSS

Ссылка на песочницу Открыть/Комментировать

2021-05-27 20:15:43 JS в формате марафона в Телеграме

JS Marathon — это короткие видеоуроки 3 раза в неделю, задания, которые нужно выполнить, чтобы пройти дальше, ревью кода, поддержка ментора. В результате быстрое погружение в тему и игра на JS за неделю.

Старт 31 мая. 

Для регистрации запустите Телеграм-бота. Открыть/Комментировать

2021-05-26 20:49:00 #песочница #javascript
Кнопка, при нажатии на которую появляются геометрические фигурки

Ссылка на песочницу Открыть/Комментировать

2021-05-26 14:30:06 «React.js developer» - это хардкорный онлайн-курс про самый популярный и востребованный JS-фреймворк для Frontend-разработки.

Справитесь ли вы с уровнем курса? Покажет вступительный тест.

Пройдите тестирование, чтобы:
• оценить свои навыки
• занять место по специальной цене
• получить доступ к демо-урокам курса
• попасть в закрытое сообщество профессионалов

Пройти тестирование: https://otus.pw/O54U/ Открыть/Комментировать

2021-05-24 15:32:48 #песочница #javascript #gsap
Интересная анимация текста созданная с помощью GSAP

Ссылка на песочницу Открыть/Комментировать

2021-05-24 12:00:11 Да-да, это не опечатка! Действительно, Skillbox дарит первые 6 месяцев обучения frontend-разработке!
⠀
Курс будет полезен, если вы только решили связать свою жизнь с IT или имеете небольшой опыт в кодинге и вёрстке.
⠀
Frontend-разработчик с нуля до PRO — это:
- онлайн-уроки и вебинары ведущих экспертов из Kaspersky, Play North, ТАСС и других компаний;
- реальные кейсы для портфолио: интернет-магазин, CRM-система и другие проекты;
- карьерные консультации и помощь в трудоустройстве.
⠀
На курсе вы научитесь:
- верстать веб-страницы;
- создавать интерактивные веб-приложения;
- работать в системе контроля версий GIT и командной строке Bash;
- применять основные алгоритмы и структуры данных в реальных проектах;
- работать с макетами в Photoshop и Figma;
- создавать серверные приложения с использованием Node.js и многому другому.
⠀
Переходите по ссылке: https://clc.am/dYca8g, чтобы зарегистрироваться на курс Открыть/Комментировать

2021-05-20 18:30:12 #песочница #css #javascript
Плавная круговая анимация открытия и закрытия меню для сайта

Ссылка на песочницу Открыть/Комментировать

2021-05-20 15:30:12 Как разобраться в архитектуре ПО? Всего за 4 месяца преподаватели онлайн-курса «Microservice Architecture» выкуют из тебя архитектора, который и бэкенд-приложение спроектирует, и с легаси-сервисом разберется. Тебя ждут сложные задачи, ориентированные на практическое применение, подробный фидбек, кейсы и разбор технологий от экспертов сервисной разработки.

После обучения выпускники на профессиональном уровне планируют архитектуру и создают масштабируемые, fault-tolerant приложения, решают нетривиальные задачи в рамках распределенных и децентрализованных систем и используют в проектах классические паттерны проектирования — шардирование, репликацию, и т.д.

Беспокоит высокая загруженность? Начни заниматься на этом потоке и при необходимости сможешь продолжить обучение на следующем.

Пройди вступительный тест, чтобы занять место по спец.цене https://otus.pw/mONr/ Открыть/Комментировать

2021-05-19 15:00:12 #песочница #javascript
Плавная прокрутка липкой навигации на чистом JavaScript

Ссылка на песочницу Открыть/Комментировать

2021-05-18 13:00:06 Awwwards. - канал, на котором каждый день публикуются самые крутые сайты!

Дизайнеры найдут вдохновение для своих будущих (а возможно и текущих) проектов.

Веб-разработчики увидят применение самых современных технологий (WebGL, GSAP, Vue.js), а самые замотивированные проанализируют исходный код и возьмут к себе на вооружение))

Примеры сайтов:
 1. Yamauchi No.10 Family Office
 2. Finely Crafted
 3. Plus

При навигации по некоторым проектам создаётся ощущение, будто ты являешься частью фильма.

Подписывайся на канал - https://t.me/best_from_awwwards Открыть/Комментировать