Parallax layers with GSAP


Вся сцена - это одна большая svg картинка, которая анимируется при прокрутке при помощи библиотеки gsap.

https://codepen.io/cassie-codes/pen/abwNoya

Как убрать лишние пробелы из строки в javascript?

Как вариант использовать регулярные выражения, пример:

var stringTest = " I am Test String ";
// IamTestString
console.log(stringTest.replace(/\s+/g, ''));


Второй вариант это разбить на массив по пробелы и потом соединить строку снова:

var stringTest = " I am Test String ";
// IamTestString
console.log(stringTest.split(' ').join(''));

#javascript

Подписывайтесь на канал 👉@coddy_academy

Подборка каналов для IT специалистов 🎯


Вакансии 📌
https://yangx.top/progjob Вакансии для программистов

Системное администрирование 📌
https://yangx.top/i_DevOps Все для DevOps
https://yangx.top/tipsysdmin Типичный Сисадмин (фото железа, было/стало)
https://yangx.top/sysadminof Книги для админов, полезные материалы
https://yangx.top/i_odmin Все для системного администратора
https://yangx.top/i_odmin_book Библиотека Системного Администратора
https://yangx.top/i_odmin_chat Чат системных администраторов

Программирование Python 📌
https://yangx.top/pythonofff Python академия. Учи Python быстро и легко🐍
https://yangx.top/BookPython Библиотека Python разработчика

Мобильная разработка: iOS, Android 📌
https://yangx.top/developer_mobila Мобильная разработка

Фронтенд разработка 📌
https://yangx.top/frontend_1 Подборки для frontend разработчиков

Java разработка 📌
https://yangx.top/BookJava Библиотека Java разработчика

Разработка игр 📌
https://yangx.top/game_devv GameDev: разработка игр

Программирование, Биг дата, книги 📌
https://yangx.top/bookflow Лекции, видеоуроки, доклады с IT конференций
https://yangx.top/programmist_of Книги по программированию
https://yangx.top/proglb Библиотека программиста
https://yangx.top/bfbook Книги для программистов
https://yangx.top/coddy_academy Академия кода

Шутки программистов 📌
https://yangx.top/itumor ITumor | программисты шутят

Защита, взлом, безопасность 📌
https://yangx.top/thehaking Канал о кибербезопасности

Книги, статьи для дизайнеров 📌
https://yangx.top/ux_web Статьи, книги для дизайнеров

Английский 📌
https://yangx.top/UchuEnglish Английский с нуля

Математика 📌
https://yangx.top/Pomatematike Канал по математике

Арбитраж трафика 📌
https://yangx.top/partnerochkin CPA и арбитраж трафика

Крипта 📌
https://yangx.top/bitkoinoff Новости криптовалют

Smoke Ring > Speedometer
Спидометр сделанный с использованием Canvas, SVG и библиотеки GSAP.js

https://codepen.io/creativeocean/pen/QWdpzPg

Сервисы для тестировании html-верстки

iloveadaptive — уникальный сервис по разработке и тестированию адаптивной HTML-верcтки под все устройства.

BrowserStack и lambdatest — SAAS-платформа для тестирования frontend на эмуляторах реальных устройств, запущенных в виртуальной машине сервиса.

Всем привет!
Ребята создали чат-бота, который рассылает релевантные Frontend вакансии без спама.
Настрой бота за 1 минуту и получай предложения отобранные по твоим предпочтениям
@MasterHuBot

Knockout - JavaScript библиотека MVVM (Model-View-View Model)

Упрощает создание интерактивных пользовательских интерфейсов для веб-сайтов и веб-приложений. Использует наблюдателей, чтобы ваш UI автоматически синхронизировался с моделью базы данных.

Особенности / преимущества:
✔️Автоматическое обновление интерфейса при изменении модели данных
✔️Просто связывать элементы DOM с данными модели
✔️Отслеживание зависимостей
✔️Быстрое создание шаблонов UI
✔️Открытый исходный код
✔️Лёгкий вес (66КБ)
✔️Простой API
✔️Поддерживает все основные браузеры (IE 6+, Firefox 3.5+, Chrome, Opera, Safari)

Сайт: https://knockoutjs.com/
Гит: https://github.com/knockout/knockout

3D Orange Switch (Pure CSS)

Анимированный переключатель, сделанный на чистом CSS.

https://codepen.io/ykadosh/pen/jOwjmJe

Анонс бета-версии TypeScript 4.7

https://devblogs.microsoft.com/typescript/announcing-typescript-4-7-beta/

Практический пример использования CSS Layer

Допустим, мы разрабатываем библиотеку компонентов.

Допустим, мы используем React.

Допустим, в ней есть компонент кнопки.
Очень условно он будет выглядеть так:


// Button.js

import './Button.css'

const Button = ({ children, className = '' }) => {
const cls = 'Button' + className;
return <button className={cls}>{children}</button>
}

#css

Подробнее

Подборка интересных каналов 🔥

DeepFake
На канале публикуем deepfake видео и связанные с ними технологии.
https://yangx.top/deepfakenow

Мир технологий (Technology World)
Добро пожаловать в мир технологий
https://yangx.top/mir_teh

GitHub Сообщество
https://yangx.top/Githublib

Реальный Python
Все о пайтон, новости, подборки на русском и английском.
https://yangx.top/python_real

BigData
Data Science : Big Data : Machine Learning : Deep Learning
https://yangx.top/bigdata_1

Базы данных (Data Base)
https://yangx.top/database_info

Книги для программистов Rus
https://yangx.top/book_for_dev

DevOps
Пишем о Docker, Kubernetes и др.
https://yangx.top/i_DevOps

Типичный Сисадмин
Админский юмор, фото железа, было/стало, все здесь!
https://yangx.top/tipsysdmin

Python академия
Учи Python быстро и легко.
https://yangx.top/pythonofff

Coddy
Академия кода.
https://yangx.top/coddy_academy

Bitkoinoff - новости криптовалют
Все самое важное о криптовалютах и блокчейне
https://yangx.top/bitkoinoff

Сообщество Дизайнеров
https://yangx.top/ux_web

GameDev: разработка игр
https://yangx.top/game_devv

Подборка инструментов для документирования JS

В подборке представлены инструменты, которые позволят вам быстрее документировать JS код.

👉 JSDoc — Набор инструментов, автоматически создающий многостраничную текстовую документацию (HTML, JSON, XML и т. д.) из комментариев из исходного кода на JavaScript.

👉Docco — Создаёт HTML-документ для отображения ваших комментариев, чередующихся с кодом. Поддерживает не только JavaScript, но и другие языки: Python, Ruby, Clojure и прочие. Написан на Literate CoffeeScript

👉apiDoc — Инструмент для генерации документации, которая основывается на комментариях определённого вида. Поддерживает: C#, Dart, Erlang, Go, Java, Javascript, PHP, Python, Ruby, Perl и т.д.

👉YUIDoc — Инструмент поддерживает предварительный просмотр в реальном времени, есть расширенная поддержка языка и продвинутая разметка. Написан на NodeJS.

👉Swagger — Создаёт чёткую документацию, которая читается одинаково хорошо как человеком, так и машиной. Позволяет автоматизировать процессы зависящие от API.

👉Slate — Помещает всю документацию на одну страницу, документация по умолчанию размещается в общедоступном репозитории GitHub.

👉Wiki.js - Фреймворк для документации. Сохраняет весь материал непосредственно в файлы Markdown (.md). Также позволяет полностью настроить внешний вид, имеет светлый и тёмный режим. Работает на Node.js.

Сравнение Node JavaScript с JavaScript в браузере

https://css-tricks.com/node-javascript-compared-to-javascript/

#js #nodejs

​Что действительно важно знать о трудоустройстве за границей
Митап с Senior Technical HR Lead Amazon Эльвирой Шустровой

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

В эту среду вы узнаете секреты трудоустройства в крупные зарубежные компании из первых рук — от International Tech Recruiter Эльвиры Шустровой (USA).

Обсудим:

👉 Что лучше: размещать резюме на HR-сайтах и ждать, что тебя заметят, или сразу стучаться в компании, которые близки по духу?

👉 Какие отличия есть в оформлении резюме (CV) для российских и зарубежных работодателей? Чем отличается процесс интервью?

👉 Насколько точно по навыкам должен совпадать соискатель с запросом компании? Если я не соответствую всему списку требований — это провал?

👉 Как устроиться в Amazon на удалёнку тестировщиком? А junior-разработчиком?

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

🎙 О спикере: Эльвира Шустрова более пяти лет она живёт в США и занимается наймом технических специалистов в международные компании. В её послужном списке ЦФТ, Unlimint (CardPay), Amazon и другие известные бренды.

🗓 Когда: 27 апреля (среда) в 19:00 мск

📍 Где: митап пройдёт в онлайне в телеграм-канале RelocationDEV. Подписывайтесь на канал, чтобы не пропустить начало трансляции.

До встречи в среду!😉

Руководство по терминалу для front-end разработчиков

Автор собрал и представил в руководстве свои любимые советы и приемы, которые позволяют максимально эффективно использовать терминал для работы с современными JS-фреймворками и не только.

https://www.joshwcomeau.com/javascript/terminal-for-js-devs/