🟡Тест по React JS от OTUS

— Ответьте на 19 вопросов и проверьте, насколько хорошо вы знаете язык. Сможете сдать — пройдёте на продвинутый онлайн-курс по React.js со скидкой!

👉🏻ПРОЙТИ ТЕСТ ОНЛАЙН-КУРСА ПО REACT.JS https://otus.pw/wOOc/

Курс доступен в рассрочку.

🎁 Пройдете успешно тест, получите доступ к открытым урокам курса.

Нативная интеграция. Информация о продукте www.otus.ru

🍁 Falling autumn leaves shader 🍁

Анимация реализована при помощи библиотеки three.js

👉 @seniorFront

Neon Toggle Switch

Оригинальный переключатель, созданный на HTML и CSS.

👉 @seniorFront

Custom Glowing Mouse Cursor

В этом видео создается кастомный курсор. Для этого автор создает анимированный элемент, положение которого привязывает к курсору пользователя.

👉 @seniorFront

Знаете основы веб-разработки и хотите углубить свои знания? Присоединяйтесь к бесплатному мини-курсу, где вы получите практические советы и инсайты от опытного программиста, а также создадите 3 классных проекта — сайт, приложение и сервис — и добавите их в портфолио.

Регистрация и подробная программа по ссылке: https://epic.st/kH9j_

Спикер мини-курса — Даниил Пилипенко, основатель и директор центра подбора IT-специалистов SymbioWay. 19 лет работает в сфере Java и веб-разработки, руководит командами разработки в разных проектах. Автор 10 курсов по программированию и карьере программистов.

Всех участников ждут подарки!
— Сертификат на скидку 10 000 рублей на любой курс.
— Доступ к изучению английского языка на год.
— Персональная карьерная консультация

Реклама. ЧОУ ДПО «Образовательные технологии «Скилбокс (Коробка навыков)», ИНН: 9704088880

Projections

В JS изменяются значения CSS переменных, которые используются для создания эффекта drop-shadow.

👉 @seniorFront

Single digit

Вам дано число, состоящее из нескольких цифр. Его нужно превратить в одну цифру. Для этого нужно перевести данное число в двоичный вид, а затем сложить все единицы двоичного представления.

Примеры:
5665 --> (binary) 1011000100001
1011000100001 --> (sum of binary digits) 5

123456789 --> (binary) 111010110111100110100010101
111010110111100110100010101 --> (sum of binary digits) 16
16 --> (binary) 10000
10000 --> (sum of binary digits) 1

👉 @seniorFront

Samokat.teсh Meetup — QA

Когда: 31 августа (четверг), 18:00 – 19:30
Формат: онлайн
Бесплатно для всех желающих

Приходите на Samokat.teсh Meetup про QA! Послушаем спикеров из Samokat.teсh и Яндекс Финтех.

В программе — сравнение заглушек, оценка возможности дебага и мониторинга итогового решения, опыт внедрения стратегии тестирования карт для водителей Яндекс Такси и встраивания проекта в существующий релизный процесс. Только конкретные примеры из практики и личный опыт спикеров.

Доклады:

18:00-18:45 — Единый заглушечный контур для тестирования — Ирина Лифанова, SRE, Samokat.teсh

18:45-19:30 — Построить тестирование и не сломать себя и бизнес — Роман Радин, Lead QA, Яндекс Финтех

Будет интересно тестировщикам и разработчикам.

✅ Регистрация и чат митапа.


Реклама ООО «Умное пространство» ИНН
7811554010 erid: LatgBXGvT

3D Globe with location pointer

Создано при помощи библиотеки gsap. Логика создания точек реализована в JS.

👉 @seniorFront

​На что стоит обратить внимание при разработке мультиязычных сайтов?
При разработке мультиязычных сайтов необходимо обратить внимание на следующие аспекты:

1. Выбор подходящей системы управления контентом (CMS). Некоторые CMS, такие как WordPress и Drupal, предоставляют встроенную поддержку мультиязычности, что может значительно упростить разработку и управление мультиязычными сайтами.

2. Кодирование текста и использование правильных языковых символов. Кодировка должна соответствовать требованиям языков, на которых будет отображаться сайт. Например, для языков, использующих кириллицу, должна быть выбрана кодировка UTF-8.

3. Организация контента на сайте. Необходимо разработать систему, которая позволит организовать контент на сайте таким образом, чтобы пользователи могли легко найти информацию на нужном им языке. Для этого можно использовать разделение контента на языковые версии или использовать переключатели языков.

4. Локализация. При переводе текста на другой язык необходимо учитывать культурные особенности языка и местные нормы и стандарты. Кроме того, может потребоваться локализация форматов дат, валют и других данных, которые зависят от конкретного региона.

5. Тестирование и отладка. Необходимо тщательно протестировать все языковые версии сайта, чтобы убедиться, что контент отображается корректно, а функциональность работает правильно на всех языках.

6. SEO-оптимизация для каждого языка. Для каждой языковой версии сайта необходимо провести SEO-анализ и оптимизировать контент, мета-теги и другие аспекты для местных поисковых систем и языковых запросов пользователей.

👉 @seniorFront

Яндекс Практикум запустил бесплатный курс по алгоритмическим собеседованиям. Курс поможет студентам подготовиться к таким интервью, чтобы устроиться на работу в крупные IT-компании.

Уроки сделаны на основе курса «Алгоритмы и структуры данных»‎, но здесь полностью бесплатны.
Курс будет полезен тем, кто знаком с алгоритмами, и тем, кто только планирует их изучать:
→ знатоки смогут применить умения на практике;
→ новички смогут сориентироваться и понять, на что стоит обратить внимание.

На курсе студенты:
— узнают, как проходят собеседования и как к ним готовиться;
— научатся отвечать на неочевидные вопросы;
— пройдут тесты на знание алгоритмов и структур данных;
— решат практические задачи с реальных собеседований.

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

Начинайте готовиться вместе с Практикумом

Реклама АНО ДПО "Образовательные технологии Яндекса", ИНН:7704282033, erid: LjN8KAkbm

Glowing Blob Effect

Анимация и генерация букв реализованы в JS.

👉 @seniorFront

Как я стал фронтендером

1. Смотрел уроки на ютубе
2. Делал портфолио на гитхаб
3. Начал читать Frontend || Vollex

Frontend Vollex выжимает воду из курсов, книг, видеоуроков и заботливо делится самым главным. Гайды, готовый код, тесты и никакой копипасты.

Вы знаете, что делать: @vollex_frontend

Inner Radius Design Tip with CSS Custom Properties

Меню параметров создаётся при помощи библиотеки dat.gui. В JS задаются значения CSS переменных.

👉 @seniorFront

Menu Hover Effects

В этом видео создается кастомный курсор и эффект свечения при наведении на CSS и JS.

👉 @seniorFront

🇪🇸 Лучшая страна в Европе для переезда для IT специалистов 🇪🇸

Хотите жить в спокойной стране и дружелюбной среде?
Если ваша цель получения ВНЖ в Европе, рекомендуем скорее воспользоваться шансом!

Наши друзья из Outbox, сделают за вас всю неприятную работу от оформления шенгенской визы, сбора всех документов до подачи документов на ВНЖ и подбором жилья.
С ними ваш переезд будет без стресса, т.к ребята прошли весь процесс релокации сами и получили бесценный опыт!

❗️До 7 сентября осталось 4 места на бесплатную консультацию по получению ВНЖ в Испании! Успейте записаться по ссылке
@outbox_tm

Также узнать подробнее об услугах и познакомиться с нами по-ближе можно в нашем телеграм канале. Подпишитесь, чтобы не потерять.

👉 @seniorFront

image sider

В JS отслеживается значение input с type="range",которое устанавливается в CSS переменную.

👉 @seniorFront

Ripple Loader

Оригинальный загрузчик на чистом CSS.

👉 @seniorFront

Glowing Letter Effects

В этом видео создаётся эффект при движении курсора на CSS и JS.

👉 @seniorFront

Range Sliders

Создано на React, стилизовано в CSS.

👉 @seniorFront