Javascript
18.6K subscribers
812 photos
120 videos
2 files
1.25K links
По всем вопросам - @workakkk

@itchannels_telegram -🔥лучшие ИТ-каналы

@ai_machinelearning_big_data - машинное обучение

@JavaScript_testit- js тесты

@pythonl - 🐍

@ArtificialIntelligencedl - AI

@datascienceiot - ml 📚

РКН: № 5153160945
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Infinite Scroll Animation – бесконечная прокрутка элементов, которая сделает сайт динамичнее и поможет уместить много заголовков в ограниченное пространство.

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

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9🔥41
🖥 Самые популярные проекты JavaScript в 2023 году.

Недавно “Best of JS” официально объявили список лучших проектов JavaScript 2023 года. В нём представлен обзор трендовых проектов в экосистеме JavaScript за последние 12 месяцев!

Список включает в себя следующие разделы: Most Popular Projects, Frontend Frameworks, React Ecosystem, Vue Ecosystem, Backend/Full Stack, Build Tools, CSS in JS, Testing Tools, Mobile, Desktop, Static Sites, State management, GraphQL.

➡️ Читать дальше

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍15🔥2🥰1
This media is not supported in your browser
VIEW IN TELEGRAM
🔥Direction-aware 3D hover effect (Concept)

Трехмерный эффект наведения с учетом направления (концепция). Реализовано с помощью JavaScript и CSS.

#анимация #css #js

https://codepen.io/noeldelgado/pen/nweYMz

@javascriptv
👍17🔥73
This media is not supported in your browser
VIEW IN TELEGRAM
3D Futuristic Room | Pure CSS3D комната, созданная с помощью Pug, SCSS и JavaScript. Красивый и интресный для изучения проект.

https://codepen.io/ricardoolivaalonso/pen/LYzwGyW

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥18👍5🤯41
✔️ Создание веб-компонентов с помощью WebC на vanilla JavaScript

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

Веб-компоненты решают проблему инкапсуляции, позволяя вам ограничить влияние вашего кода CSS и JavaScript областью действия вашего компонента.

Конечно, популярные фреймворки JavaScript, такие как React и Angular, помогают вам достичь аналогичных эффектов инкапсуляции. Итак, что же делает веб-компоненты особенными? Этот вопрос подводит нас ко второму преимуществу: веб-компоненты не зависят от библиотек, и вы можете создавать их, используя только встроенные API JavaScript.

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

Читать дальше

@javascriptv
🔥7👍52
This media is not supported in your browser
VIEW IN TELEGRAM
Генератор рисунков, выполненный с помощью SVG, CSS и библиотеки GSAP.js. Хороший проект для практики.

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

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍92🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
💡 GitHub Dark Mode Toggle — элегантный переключатель тёмной темы.

https://codepen.io/milanraring/pen/qBEPzKB

#js #css

@javascriptv
🔥12👍4👎42
API Яндекс.Карты – геокодирование и маршрутизация на JavaScript

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

Тогда-то он и столкнется с отсутствием возможности пакетной обработки в пользовательском интерфейсе сервиса. Однако, Яндекс об этом позаботился, предоставив в условно-бесплатное пользование JavaScript API.

Читать дальше

@javascriptv
👍8🔥32👎1
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Profile Card UI — карточка профиля, реализованная с помощью SCSS и JavaScript. Красивая анимация, котору стоит попробовать.

https://codepen.io/team/jotform/pen/XWmqoMp

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥23👍64
This media is not supported in your browser
VIEW IN TELEGRAM
Пикачу в коробке

Пикачу в коробке отрисован и анимирован с помощью чисто CSS. Отдельные элементы графики сделаны с помощью DIV’ов и затем стилизованы.

Чтобы запустить анимацию нужно нажать на верх коробки и потянуть курсов в сторону. Попробуйте сами. Там же вы найдёте код проекта:

https://codepen.io/maxi83c/pen/JjOZdWX

@javascriptv
👍15🔥6😱32
🔥 1000 бесплатных онлайн-курсов по программированию, актуальные в 2023 году.

Двенадцать лет назад такие университеты, как Стэнфорд и Массачусетский технологический институт, открыли для публики бесплатные онлайн-курсы. Сегодня более 1200 школ по всему миру создали тысячи бесплатных онлайн-курсов.

Чтобы поприветствовать новый год, я составил этот список из 1000+ таких бесплатных онлайн-курсов, которые вы можете начать прямо сейчас.

Для этого я перебрал базу данных Class Central, содержащую более 100 000 онлайн-курсов. Если в каталог были оценки курсов, я включил их средний рейтинг. Это самый большой каталог курсов доступных в сети.

📌 Сохраняте себе и отправляйте коллегам, чтобы не потерять.

Cписок

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍12🔥21
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Grid Items Share Background — сетка с анимированными блоками, выполненная с помощью SCSS и JavaScript.

https://codepen.io/noahraskin/pen/JjrydbL

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13🔥32
This media is not supported in your browser
VIEW IN TELEGRAM
✅️ 3D-эффект перехода между элементами

В этом проекте интересным образом реализован эффект перехода между элементами. Так, например, вы можете, просматривая изображения в галереи, узнать подробности или описание, наведя на изображение. При этом, если до этого курсор был на другой карточке, то возникнет эффект «перекатывания кубика».

Посмотреть код и поиграть с эффектом можно тут:

https://codepen.io/noeldelgado/pen/nweYMz

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍21🔥81
🖥 Как создать планировщик по управлению недвижимостью с помощью Bryntum и ванильного JavaScript

Компонент Bryntum Scheduler  — это виджет управления ресурсами на JavaScript, который используется для того, чтобы вести сложные графики.

Он обладает обширным функционалом и высокой производительностью. Вы можете настроить этот компонент в соответствии со своими потребностями.

Статья
Bryntum Scheduler

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍82🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Quickchat UI Themes

Адаптивная панель управления с темой пользовательского интерфейса Quickchat. Реализована с помощью JavaScript.

#ui #панельуправления #javascript

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11🔥32
🗺 Дорожная карта для изучения React в 2023 году.

Содержание этой статьи:

Введение в React
React vs другие фреймворки
Необходимые навыки
Полезные советы для изучения
Процесс онлайн-обучения
RoadMap для изучения React
Почему следует изучать React?
Проблемы во время обучения


📌 Читать

@javascriptv
👍142🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 CSS conic-gradient blur — использование фильтра фона и конического градиента для создания 4-цветного элемента с размытием для области градиента. Элемент реализован с помощью CSS и JavaScript.

https://codepen.io/apchnk/pen/KKBPeWN

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍112🔥2👎1
🖥 Массивы в JavaScript изнутри: сравнение с языком C

Для многих из нас массивы JavaScript являются первой структурой данных, с которой мы знакомимся. И для них существует так много способов применения.

Но задумывались ли вы, как они работают “под капотом”? Прочтите эту статью, чтобы разобраться в этом и, возможно, еще больше полюбить JavaScript.

➡️ Читать
🖥 Погруженеи в C++

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9🔥21
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Product page — верстка страницы товара на HTML и CSS. При переключении цвета товара задействуется CSS-анимация.

https://codepen.io/Shell4ik/pen/JjZWaQQ

Codepen Amazing

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍21🔥72👎2
🔥 Подборка каналов для разработчиков.

🖥 Javascript / front

@react_tg - 40,14% разработчиков сайтов использовали React в 2022 году - это самая популярная библиотека для создания сайтов.
@Js Tests - каверзные тесты JS
@hashdev - погружение в web разработку.
@javascriptjobjs - отборные вакансии и работа FrontEnd.
@jsspeak - чат поиска FrontEnd работы.
@javascript -канал для JS и FrontEnd разработчиков. Лучшие практики и примеры кода. Туториалы и фишки JS

⭐️ Нейронные сети
@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 - чат работы мл

🖥 SQL базы данных

@sqlhub - Повышение эффективности кода с грамотным использованием бд.
@chat_sql - чат изучения бд.

🖥 Python

@pythonl - главный канал самого популярного языка программирования.
@pro_python_code – учим python с ментором.
@python_job_interview – подготовка к Python собеседованию.
@python_testit - проверочные тесты на python
@pythonlbooks - современные книги Python
@python_djangojobs - работа для Python программистов
@python_django_work - чат обсуждения вакансий

🖥 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 - Английский для программистов
Please open Telegram to view this post
VIEW IN TELEGRAM
👍16🔥53👎1🥰1👏1😁1