JavaScript Learning

🖥 Как создать планировщик по управлению недвижимостью с помощью Bryntum и ванильного JavaScript Компонент Bryntum Scheduler  — это виджет управления ресурсами на JavaScript, который используется для того, чтобы вести сложные графики. Он обладает обширным функционалом и высокой производительностью. Вы можете настроить этот компонент в соответствии со своими потребностями. ▪Статья ▪Bryntum Scheduler

Manufactured Приятная гифка, которую можно либо забрать себе, либо придумать что-то похожее для своего проекта. https://codepen.io/saifkeralite/pen/RwMJgVd

Creativity Now — 3D-текст, созданный на Blender. Анимация замены оформления реализована с помощью Tree.js. https://codepen.io/ScavengerFrontend/pen/mdRrVVO

Creativity Now — 3D-текст, созданный на Blender. Анимация замены оформления реализована с помощью Tree.js. https://codepen.io/ScavengerFrontend/pen/mdRrVVO

👩‍💻 Как превратить веб-разработку на JavaScript в свою суперсилу? ✔️ Научиться создавать web-приложения на последних версиях React.js, Vue.js или Angular с серверной частью на Node.js. ✔️ Освоить Webpack, PostgreSQL, современные паттерны проектирования, DOM API и Ajax. ✔️ Научиться проектировать и организовывать контроль состояния и тестирование серверных и клиентских приложений. И все это всего за 5 месяцев на онлайн-курсе «JavaScript Developer. Professional» от OTUS. Под руководством опытных экспертов вы не только изучите лучшие инструменты и практики, но и создадите сильные проекты для портфолио. Старт уже 28 июня! ➡️ Пройдите короткий тест, чтобы получить персональную консультацию менеджера и специальную цену на курс: https://clck.ru/3BVpKn Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

👩‍💻 Как превратить веб-разработку на JavaScript в свою суперсилу? ✔️ Научиться создавать web-приложения на последних версиях React.js, Vue.js или Angular с серверной частью на Node.js. ✔️ Освоить Webpack, PostgreSQL, современные паттерны проектирования, DOM API и Ajax. ✔️ Научиться проектировать и организовывать контроль состояния и тестирование серверных и клиентских приложений. И все это всего за 5 месяцев на онлайн-курсе «JavaScript Developer. Professional» от OTUS. Под руководством опытных экспертов вы не только изучите лучшие инструменты и практики, но и создадите сильные проекты для портфолио. Старт уже 28 июня! ➡️ Пройдите короткий тест, чтобы получить персональную консультацию менеджера и специальную цену на курс: https://clck.ru/3BVpKn Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

Новые методы появятся в Set JavaScript Смотреть статью

🖥 Несколько супер-полезных однострочников на JS ⏩Проверить, является ли путь относительным

const isRelative = (path) => !/^([a-z]+:)?[\\/]/i.test(path);

isRelative('/foo/bar/baz'); // false
isRelative('C:\\foo\\bar\\baz'); // false
isRelative('foo/bar/baz.txt'); // true
isRelative('foo.md'); // true

⏩Проверить, является ли строка шестнадцатеричным цветом

const isHexColor = (color) => /^#([0-9A-F]{3}|[0-9A-F]{4}|[0-9A-F]{6}|[0-9A-F]{8})$/i.test(color);

isHexColor('#012'); // true
isHexColor('#A1B2C3'); // true
isHexColor('012'); // false
isHexColor('#GHIJKL'); // false

⏩Подсчитать количество разных дней между двумя датами

const diffDays = (date, otherDate) => Math.ceil(Math.abs(date - otherDate) / (1000 * 60 * 60 * 24));

diffDays(new Date('2014-12-19'), new Date('2020-01-01')); // 1839

⏩Скопировать в буфер обмена

const copyToClipboard = (text) => navigator.clipboard.writeText(text);

copyToClipboard("Hello World");

🖥 Несколько супер-полезных однострочников на JS ⏩Проверить, является ли путь относительным

const isRelative = (path) => !/^([a-z]+:)?[\\/]/i.test(path);

isRelative('/foo/bar/baz'); // false
isRelative('C:\\foo\\bar\\baz'); // false
isRelative('foo/bar/baz.txt'); // true
isRelative('foo.md'); // true

⏩Проверить, является ли строка шестнадцатеричным цветом

const isHexColor = (color) => /^#([0-9A-F]{3}|[0-9A-F]{4}|[0-9A-F]{6}|[0-9A-F]{8})$/i.test(color);

isHexColor('#012'); // true
isHexColor('#A1B2C3'); // true
isHexColor('012'); // false
isHexColor('#GHIJKL'); // false

⏩Подсчитать количество разных дней между двумя датами

const diffDays = (date, otherDate) => Math.ceil(Math.abs(date - otherDate) / (1000 * 60 * 60 * 24));

diffDays(new Date('2014-12-19'), new Date('2020-01-01')); // 1839

⏩Скопировать в буфер обмена

const copyToClipboard = (text) => navigator.clipboard.writeText(text);

copyToClipboard("Hello World");

👩‍💻 Хотите научиться создавать API с использованием GraphQL и NestJS? Ждём вас на открытом практическом уроке от OTUS, где вы получите теоретические знания о GraphqL и NestJS и практические навыки по созданию и интеграции GraphQL с NestJS. Спикер Николай Лапшин — опытный разработчик на нескольких языках, архитектор, тимлид и преподаватель. Встречаемся 25 июня в 20:00 мск в преддверии старта курса «JavaScript Developer. Professional». Все участники вебинара получат специальную цену на обучение! ➡️ Регистрируйтесь прямо сейчас, чтобы не пропустить бесплатный урок: https://clck.ru/3BNK5b 🎁 Только до 23 июня скидка 10%, подробности у наших менеджеров. Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576