JavaScript

Menu Animation

Анимация кнопки меню, реализованная с помощью CSS и JavaScript.

https://codepen.io/aaroniker/pen/abzZbzR

​Слайдер для сайта

#html #css #js #slider

https://codepen.io/thebabydino/pen/rNzRQWq

@about_javascript

Простое сжатие

Вам дана строка, состоящая из повторяющихся символов. Создайте функцию, которая обработает эту строку и преобразует её в массив, состоящий из кортежей (число повторений, символ).

Примеры:
string1="aaaaaaaaaaaaaaaaaaaaaaaaaabaaaaaaaaaaaaaaaaaa"
output1='[26,"a",1,"b",18,"a"]'

string="aaaaaaaabaaaa"
compressed=[8,"a",1,"b",4,"a"]

https://www.codewars.com/kata/5914e068f05d9a011e000054/train/javascript

💡 Список полезных ресурсов для Javascript разработчика

@javascriptv - продвинутый Javascript
@data_analysis_ml - аналитика даннных на JS
@JavaScript_testit - тесты и задачи по JS
@htmlcssjavas - web разработка
@front_tester - front тесты
@javatg - java
@hashdev - frontend
@javascriptjobjs - вакансии JS
@jsspeak - чат JS работы
@Golang_google golang

@itchannels_telegram - полный список ресурсов программиста

Tuggable Lamp - анимация включения лампы реализована на GSAP Draggable и MorphSVG.

https://codepen.io/jh3y/pen/mdRaNgM

@about_javascript

T-Shirt Cannon Button

Кнопка с анимацией успешного заказа одежды, реализованная с помощью Splitting.js и GSAP.

https://codepen.io/jh3y/pen/eYpmBxQ

@about_javascript

Draggable Skeuomorph Switch - Toggle

Перетаскиваемый переключатель, реализованный с помощью jQuery и Anime.js.

#переключатель #jquery #animejs

https://codepen.io/AlikinVV/pen/MdNQRL

@about_javascript

Лучшие вакансии для фронтенд разработчиков и точка

Специально для Вас, собираем топовые вакансии по фронтенду на канале @job_frontend. Подпишись чтобы не упустить свой шанс получить лучший оффер!

ВАКАНСИЯ WEB-программист

Внимание! Вакансия предполагает переезд и проживание в ОАЭ г. Дубай за счет работодателя (перелет, виза, проживание на вилле и питание так же оплачиваются работодателем) ✈️

Требования:

- Опыт backend + frontend разработки от 3 лет

- Понимание архитектуры и принципов разработки web-приложений

- Опыт разработки и проектирования решений

Обязанности:

- Разработка веб шаблонов (нужно знание HTML, CSS, JavaScript, jQuery, JSON, Vue.js или ExtJS или другие фреймворки, XAML как дополнительное преимущество).

- Разработка серверных скриптов - агентов (для массовой модификации данных в системе. Нужно знание SQl (на уровне запросов к нескольким таблицам, также желательно знание запросов к XML данным в SQL), JavaScript, XQuery( там все просто, есть справочник), функций ядра системы SPXML- есть справочник)

- Настройка интеграцией с другими информационными системами компаний (настройка выгрузки данных, REST API)

- Разработка ботов для Telegram / VK

- Участие в проектировании и создании архитектуры
Условия:

- Своевременная выплата заработной платы от 2000-2700$ ( уровень зарплаты так же может обсуждаться с успешным кандидатом)

Для связи пишите Лили @lilidubai1

@about_javascript

📌 Идет прием заявок на IV Всероссийский конкурс «Программируй будущее»

На кону — призовой фонд в размере более 1 000 000 рублей и возможность заключить контракт со специальным партнером конкурса мультиплатформенным оператором Триколор.

💡Задача участников — придумать и реализовать идею приложения для отечественной платформы StingrayTV. Подробнее о технологии в Видеогайде.

🏆 Призовой фонд*:

1 место – 600 000 ₽
2 место – 400 000 ₽
3 место – 200 000 ₽

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

📃 Полные условия и регистрация на сайте конкурса contest.gs-labs.ru
📆 Прием заявок до 11 июля 2022 года
🙌 Участие бесплатное

*Денежные призы до вычета НДФЛ.

Context - это необходимый для разработчиков инструмент React. Он упрощает обмен состоянием в приложениях. Рассмотрим особенности и назначение React Context, выясним в каких случаях он действительно нужен.

https://nuancesprog.ru/p/15868/

@about_javascript #ReactContext

☕ Учебник по JavaScript: ООП на простых примерах

https://proglib.io/p/uchebnik-po-javascript-oop-na-prostyh-primerah-2022-06-26

@javascriptv

Повысьте свой уровень мастерства в JavaScript ES6

https://nuancesprog.ru/p/15860

@about_javascript

📱 Ionic vs React Native: ключевые различия, о которых следует знать перед началом работы

https://proglib.io/p/ionic-vs-react-native-klyuchevye-razlichiya-o-kotoryh-sleduet-znat-pered-nachalom-raboty-2022-06-23

Часы

Все элементы анимированы при помощи CSS, без JS.

https://codepen.io/Wujek_Greg/pen/KRXYpg

@about_javascript