Javascript

Команда Тинькофф и 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

🔥Тест по JavaScript от OTUS 🔥 Ответьте на 20 вопросов и проверьте, насколько вы готовы к обучению на курсе - «JavaScript Developer. Professional» 👉 ПРОЙТИ ТЕСТ https://otus.pw/p6S5/ 💣 Пройдете тест и получите: ✔️ Живое общение с экспертами JavaScript-сообщества ✔️Получите видео-курс по Git в подарок ✔️ Лучшие открытые уроки прошлых наборов курса ✔️ Продвинутые темы и практика на «боевых» задачах уровня Middle+ ✔️ Скидку на прохождение онлайн курса «JavaScript Developer. Professional» Курс доступен в рассрочку. Реклама. Информация о рекламодателе на сайте www.otus.ru

«watching-you» или анимация, которая следит за пользователем «watching-you» — это JS-библиотека для создания анимаций, которые наблюдают за мышью, DOM или просто за вводимыми значениями. По сути, такая анимация будет подглядывать за действиями пользователя везде, где вы хотите. Если элемента нет на экране, то анимация автоматически прекращает просмотр. Также библиотека поддерживает несколько фреймворков, поэтому её легко добавить в любой проект. Источник: https://github.com/jj811208/watching-you?ref=reactjsexample.com А посмотреть крутые примеры можно здесь: https://jj811208.github.io/watching-you/ #js @javascriptv

Slinky Text — эффект гибкости текста при движении курсором. https://codepen.io/mandymichael/pen/rgwdvL @javascriptv

🔥 Top it channels 🖥 SQL базы данных @sqllib - библиотека баз данных @sqlhub - повышение эффективности кода с грамотным использованием бд. @chat_sql - чат изучения бд. ⭐️ Нейронные сети @data_analysis_ml - data science @vistehno - chatgpt ведет блог, решает любые задачи и отвечает на любые ваши вопросы. @aigen - сети для генерации картинок. видео, музыки и многого другого. @neural – погружение в нейросети. 🖥 Machine learning @ai_ml – погружение в нейросети, ai, Chatgpt, midjourney, машинное обучение. @machinelearning_ru – машинное обучении на русском от новичка до профессионала. @machinelearning_interview – подготовка к собеседованию. @datascienceiot – бесплатные книги Machine learning @ArtificialIntelligencedl – канал о искусственном интеллекте @machinee_learning – чат о машинном обучении @datascienceml_jobs - работа ds, ml @Machinelearning_Jobs - чат работы мл 🖥 Python @pythonl - главный канал самого популярного языка программирования. @pro_python_code – учим python с ментором. @python_job_interview – подготовка к Python собеседованию. @python_testit - проверочные тесты на python @pythonlbooks - современные книги Python @python_djangojobs - работа для Python программистов @python_django_work - чат обсуждения вакансий 🖥 Javascript / front @react_tg - - 40,14% разработчиков сайтов использовали React в 2022 году - это самая популярная библиотека для создания сайтов. @javascript -канал для JS и FrontEnd разработчиков. Лучшие практики и примеры кода. Туториалы и фишки JS @Js Tests - каверзные тесты JS @hashdev - погружение в web разработку. @javascriptjobjs - отборные вакансии и работа FrontEnd. @jsspeak - чат поиска FrontEnd работы. 🖥 Java @javatg - выучить Java с senior разработчиком по профессиональной методике. @javachats - чат для ответов на вопросы по Java @java_library - библиотека книг Java @android_its - Android разработка @java_quizes - тесты Java @Java_workit - работа Java @progersit - шпаргалки ит 👣 Golang @Golang_google - восхитительный язык от Google, мощный и перспективный. @golang_interview - вопросы и ответы с собеседований по Go. Для всех уровней разработчиков. @golangtests - интересные тесты и задачи GO @golangl - чат изучающих Go @GolangJobsit - отборные вакансии и работа GO @golang_jobsgo - чат для ищущих работу. @golang_books - полезные книги Golang @golang_speak - обсуждение языка Go 🖥 Linux @linux -топ фишки, гайды, уроки по работе  с Linux. @linux chat - чат linux для обучения и помощи. @linux_read - бесплатные книги linux 👷‍♂️ IT работа @hr_itwork -кураторский список актуальных ит-ваканнсии 🤡It memes @memes_prog - ит-мемы ⚙️ Rust @rust_code - Rust избавлен от болевых точек, которые есть во многих современных яп @rust_chats - чат rust #️⃣ c# c++ C# - объединяет лучшие идеи современных языков программирования @csharp_cplus чат С++ - Универсальность. Возможно, этот главный плюс C++. 📓 Книги @programming_books_it - большая библиотека. программиста @datascienceiot -ds книги @pythonlbooks - python библиотека. @golang_books - книги Golang @frontendbooksit - front книги @progersit - ит-шпаргалки @linux_read - Linux books @java_library - Java books 🖥 Github @github_code - лучшие проекты с github @bigdatai - инструменты по работе с данными 🖥 Devops Devops - специалист общего профиля, которому нужны обширные знания в области разработки. 📢 English for coders @english_forprogrammers - Английский для программистов 💡 ChatGpt bot @Chatgpturbobot - бесплатный бот ChatGpt