Javascript

Unicycle Range Slider Ползунок диапазона с отображением числового значения на флаге. Реализован с помощью CSS и JavaScript. #ползунокдиапазона #css #javascript https://codepen.io/jkantner/pen/wvarNEp @javascriptv

⚡️Можно ли быстро овладеть Vue.js на продвинутом уровне? ⚡️Ответ экспертов OTUS — да! Приглашаем JS- и backend-разработчиков, желающих стать Fullstack, в новый поток онлайн-курса «Vue.js разработчик» в OTUS. Вас ждут живые вебинары, обмен опытом и много практики! 🔥За 4 месяца вы научитесь: • Использовать возможности Vue, Vue-router, Vuex • Создавать SPA-приложения и оптимизировать их для production • Писать чистый и лаконичный код на ES6/ES8/TypeScript • Писать интеграционные и юнит-тесты с Jest, Cypres • Работать с GraphQL, Firebase, Electron, NativeScript В конце вы закрепите навыки выпускным проектом и пополните им свое портфолио. 👉🏻 Пройдите вступительный тест и присоединяйтесь к группе https://otus.pw/oyfc/ Курс доступен в рассрочку. Реклама. Информация о рекламодателе на сайте www.otus.ru

Project Management Dashboard UI Пользовательский интерфейс панели управления проектами, реализован на CSS и JS. #анимация #css #js https://codepen.io/aybukeceylan/pen/OJRNbZp @javascriptv

Полезная библиотека для понимания работы JS js2flowchart — библиотека визуализации для преобразования любого кода JavaScript в красивую блок-схему SVG. Вы можете изучать чужой код, делать рефакторинг или писать документацию, не путаясь в функциональности. А начинающим — неплохая шпаргалка по foo, while, if: https://github.com/Bogdan-Lyashenko/js-code-to-svg-flowchart #js

Команда Тинькофф и Angular Moscow соберет фронтенд-комьюнити в Москве 🅰️ Ребята из Тинькофф, «Европлана» и Bimeister проведут митап 12 апреля. На встрече обсудят: — как выводить продукты на новые рынки i18n; — как создавать собственный инструмент для просмотра документов; — как мигрировать с Angular CLI на Nx. После докладов проведут неформальный нетворкинг: обменяются кейсами с участниками, обсудят технологии и просто поболтают о полезном. Кстати, для тех, кто не сможет приехать в Москву, будет трансляция. Не забудьте зарегистрироваться и позвать с собой коллег: — ссылка для тех, кто планирует встретиться с нами в Москве: https://l.tinkoff.ru/angular.meetup.tinkoff_ofline — линк для тех, кто планирует посмотреть онлайн: https://l.tinkoff.ru/angular.meetup.tinkoff_online

Codeply — набор готовых решений для веб-разработчика Мало того, что вы можете написать, отредактировать и просмотреть код на одной странице — платформа также предлагает множество инструментов К таковым можно отнести Bootstrap Builder, SASS Compiler, JSFiddle Integration и т.д При этом здесь же для вас есть набор уже готовых конструкций, созданных другими пользователями. Например, CSS-анимации, интересные наборы сеток и многое другое Стоимость: #бесплатно #code #web

Подробный гайд по Flexbox Flexbox поддерживается всеми современными браузерами, поэтому понимае основ и умение использовать данную технологию в проекте — важная часть в изучении фронтенд разработки. На этом сайте собраны 20 полезных уроков, которые помогут изучить Flexbox и прокачать свои скилы. Первые 13 видео направлены на понимание основ Flexbox — строк, столбцов, осей, переноса, выравнивания, центрирования и компоновки. Последние 7 — это отдельные части кода, в которых вы создадите всё, от навигации до макета мобильного приложения с помощью Flexbox: https://flexbox.io/ #flexbox @javascriptv

CodeFactor — сервис для автоматической проверки качества кода Он анализирует ваш код и находит потенциальные проблемы, такие как дублирование кода, проблемы с производительностью и безопасностью CodeFactor интегрируется с популярными системами управления версиями, такими как GitHub, GitLab и Bitbucket, и предоставляет отчёты об анализе кода прямо в ваш репозиторий Стоимость: #бесплатно (но есть платные тарифы) #code #git @javascriptv

HTML-формы и валидация с помощью Pristine.js Валидация форм на веб-сайте очень важна, так как позволяет проверить правильность ввода данных, улучшает пользовательский опыт и упрощает обработку данных на стороне сервера. Pristine.js позволяет упростить и ускорить процесс валидации HTML форм на веб-сайте. В этой статье вы узнаете, как использовать Pristine.js для проверки введённых пользователем данных в реальном времени, в том числе на пустые поля, правильный формат email и телефонных номеров, длину строки и т.д. https://blog.openreplay.com/html-form-validation-with-pristinejs/ #html #pristinejs @javascriptv

Split Slick Slideshow Вертикальное слайд-шоу, реализованное с помощью jQuery и слайдера Slick. #слайдер #jquery #slick https://codepen.io/supah/pen/zZaPeE @javascriptv

Журнал Академии Яндекса — о том, как работается в IT Учим управлять людьми, проектами и собой — чтобы работать с удовольствием и становиться ещё разностороннее и увлечённее. Приносим лучшее из мира IT в ваши соцсети. Подписывайся сейчас: мы тебе пригодимся!

Подборка популярных библиотек для тестирования JavaScript: 🗄Cypress 🗄Mocha 🗄Jasmine 🗄Jest 🗄Protractor 🗄TestCafe 🗄Chai 🗄QUnit

​Highlight.js — библиотека для выделения синтаксиса Highlight.js — это библиотека на JavaScript, которая позволяет легко подсвечивать синтаксис кода на веб-страницах. Она поддерживает более чем 180 языков программирования и настроена для автоматического обнаружения языка. Библиотека также имеет возможность настройки стилей подсветки кода, что позволяет адаптировать её для различных дизайнерских концепций веб-сайтов. Подробнее: https://highlightjs.org/ #библиотека #javascript

Курс «Английский для разработчиков» Яндекс Практикума Для тех, кто хочет изменить свою профессиональную жизнь и работать в международной команде. Обучение построено не вокруг абстрактной теории, а вокруг рабочих ситуаций и полезных для карьеры навыков: ✋Стендапы. Подготовитесь обсуждать задачи, задавать вопросы и просить о помощи. 👨‍💻 Работа с заказчиками. Научитесь презентовать решения, говорить про баги и фичи. 📣 Митапы. Сможете понимать на слух доклады и выступать сами. 😎 Собеседования. Научитесь рассказывать про свой опыт, понимать вопросы и тактично переспрашивать. 👯 Неформальное общение с коллегами. Сможете рассказать о своих интересах, опыте, планах на будущее. 💻 Код-ревью. Сможете описать сделанное, дать обратную связь, тактично отстоять своё мнение. На курсах английского для карьеры весь март действует акция. При покупке вы бонусом получаете доступ к профессиональным разговорным клубам. Запишитесь на бесплатную консультацию. Кураторы определят ваш уровень языка и расскажут подробнее про обучение.

​​Полезные API для фронтенд-разработчика ​— Fake Store API — интерфейс, который используется в создании интернет-магазинов. Данный API генерирует тестовые данные для заполнения, например, карточки товара или профиль пользователя. — Unsplash API — это простой JSON API с базой бесплатных и качественных изображений для разработчиков. — Count API помогает отслеживать количество просмотров страницы и клики на сайте. #api #фронтенд

​Полезные ресурсы для изучения JavaScript 1. The AirBnB style guide — руководство по стилю кода JavaScript. 2. 30 seconds of code — полезные сниппеты JS с объяснением кода. На сайте представлено более 100 примеров: от Linked List до алгоритмов. 3. JavaScript-algorithms — алгоритмы и структуры данных, реализованные на JavaScript, с пояснениями и ссылками для дополнительного изучения. #js

🎚️ Нова версия ChatGPT теперь в Telegram! Для всех, кто еще не попробовал новую модель GPT4, рекомендуем бота абсолютно бесплатного. Поможет написать код, диплом, придумает шутку и станет незаменимым помощником в любых задачах! Бот: @Chatgpturbobot

​Как делать формы с адресом электронной почты пользователя? В этой статье рассматриваются способы, как создать формы для пользовательского ввода, которые помогут легко защитить адрес электронной почты от спам-ботов. Автор предлагает несколько решений на: JavaScript, HTML + CSS, а также некоторые онлайн-сервисы, такие как Formspree, для создания контактных форм: https://css-tricks.com/how-to-safely-share-your-email-address-on-a-website/ #js #html #css

Чтобы ты не терялся среди своих подписок и кучи материалов по веб-разработке, Джун Джунович собирает самые важные новости и лайфхаки из мира FrontEnd.  О том, что полезно знать фронту, почему сайт должен весить меньше 14 КБ или как применять любопытные фишки из CSS, узнавай из одного канала. А не открывая сто первую вкладку с той статьей, которую ты никогда не дочитаешь. Переходи к Джун Джуновичу и выбери полезное для себя и своего дела.

​Новогодний шар — выбираем подарки близким Если вы не знаете, какой подарок подарить родителям или друзьям, то почему бы не выбрать их с помощью новогоднего шара? Снежный шар написан на JS с помощью HTML и CSS. Нажав на кнопку, шар выберет из списка подарок только один. Полный код по ссылке: https://codepen.io/thestemdiaries/pen/qBKbgjQ #js #html