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

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

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

@JavaScript_testit- js тесты

@pythonl - 🐍

@ArtificialIntelligencedl - AI

@datascienceiot - ml 📚

РКН: № 5153160945
Download Telegram
Простой и чистый код для отправки уведомлений в браузере, используя JavaScript.

Используйте этот способ в своих проектах.

@javascriptv
👍15🔥63
This media is not supported in your browser
VIEW IN TELEGRAM
✈️Пример лендинга с эффектом полета, вслед за скроллом.

Такая анимация подходит для проектов, в которых нужно передать динамику - прокат самокатов или сайт транспортной компании.

По ссылке можно посмотреть как сделан этот эффект.

@javascriptv
🔥43👍6🤔43
This media is not supported in your browser
VIEW IN TELEGRAM
Наглядное объяснение событийного цикла - микрозадачи и макрозадачи. Пригодится новичкам.

Task1: функция, которая немедленно добавляется в стек вызовов, например, путем ее мгновенного вызова в нашем коде.

Task2, Task3, Task4: микрозадачи, например обещание, затем обратный вызов или задача, добавленная с помощью queueMicrotask.

Task5, Task6: макрозадача, например, обратный вызов setTimeout или setImmediate

@javascriptv
👍22🔥43🤔1
This media is not supported in your browser
VIEW IN TELEGRAM
Стильные уведомления для сайта в стиле MacOS, выполненные на JavaScript и CSS

https://codepen.io/jkantner/pen/XWzePgp

@javascriptv
👍314🔥3
↪️ Как разработать веб-сайт с помощью ChatGPT?

В этой статье мы разработаем свой сайт-портфолио с нуля, используя учебное пособие w3school bootstrap 4 и ChatGPT. Я объясню, как создать свой собственный веб-сайт, следуя простым шагам.

Читать

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8👎6🔥2🥰1
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Sunrise & sunset

Анимация восхода и заката при нажатии происходит движение, написана с помощью CSS и JS.

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

https://codepen.io/aragakey/pen/poKzKQJ

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10🔥21
Please open Telegram to view this post
VIEW IN TELEGRAM
👍156🔥5🤔2
🖥 Почему стоит избегать метода push при разработке на JavaScript

При решении задач в массиве JavaScript-разработчики могут столкнуться с ошибками, используя метод push для добавления элемента. Проблема возникает при создании ПО на JavaScript и React.

Разберем побочные эффекты метода push на двух примерах. Чтобы было более понятно, возьмем для демонстрации небольшие фрагменты кода.

Читать

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍12👎112😁2🤬2🔥1😱1
This media is not supported in your browser
VIEW IN TELEGRAM
Parallax Photo Columns — необычная прокрутка галереи.

https://codepen.io/jh3y/pen/jOxJWar

@javascriptv
👍143🔥2
Профессиональная обработка ошибок в TypeScript

Обработке ошибок в Type/JavaScript обычно не уделяется должного внимания. Между тем, для долговечности любого проекта очень важно выявлять и регистрировать ошибки.

Начав чаще программировать на TypeScript, я понял, что слишком мало занимаюсь обработкой ошибок.

Читать

@javascriptv
👍152🤬2🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Animating Box-Shadow Makes Things Look 3D — эффект объемной тени у объекта.

https://codepen.io/walpolea/pen/mdLGmVK

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍16🔥32
This media is not supported in your browser
VIEW IN TELEGRAM
💨 eCommerce Slide Effect | GSAP & JS — изящный слайдер для интернет-магазинов.

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

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11🔥64
🖥 Пара инструментов аналитики и оптимизации кода для JavaScript.

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

Вот вам несколько таких инструментов:


Jslint- это аналитический веб-инструмент для проверки качества кода JavaScript. Как только он обнаруживает проблему в источнике, он возвращает сообщение с описанием проблемы и приблизительным местоположением в коде.

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

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍82🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Workout Schedule

Календарь для расписания тренировок, реализован с помощью CSS и JS.

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

https://codepen.io/oliviale/pen/RwWKybY

@javascriptv
👍10🔥31
Создание доступных табов пользовательского интерфейса в JavaScript

В этой статье рассказывается о том, как создать доступные вкладки пользовательского интерфейса с помощью JavaScript. Автор обсуждает несколько методов реализации вкладок и объясняет, как сделать их доступными для пользователей с ограниченными возможностями.

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

https://blog.logrocket.com/build-accessible-user-interface-tabs-javascript/

#javascript

@javascriptv
👍91🔥1
Где же ты, супергерой JS?

Superhero.js — ресурс, на котором собираются лучшие статьи и видео по JavaScript. На странице представлен постоянно обновляемый список статей, которые помогают понять синтаксис JS, изучить основы управления проектами и тестирования кода:

http://superherojs.com/

#js

@javascriptv
👍13🔥43
🔥 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
Please open Telegram to view this post
VIEW IN TELEGRAM
👍72🔥2😁2🤔1
This media is not supported in your browser
VIEW IN TELEGRAM
Slinky Text — эффект гибкости текста при движении курсором.

https://codepen.io/mandymichael/pen/rgwdvL

@javascriptv
👍10🔥3🥰2
This media is not supported in your browser
VIEW IN TELEGRAM
«watching-you» или анимация, которая следит за пользователем

«watching-you» — это JS-библиотека для создания анимаций, которые наблюдают за мышью, DOM или просто за вводимыми значениями. По сути, такая анимация будет подглядывать за действиями пользователя везде, где вы хотите.

Если элемента нет на экране, то анимация автоматически прекращает просмотр. Также библиотека поддерживает несколько фреймворков, поэтому её легко добавить в любой проект.

Источник: https://github.com/jj811208/watching-you?ref=reactjsexample.com

А посмотреть крутые примеры можно здесь: https://jj811208.github.io/watching-you/

#js

@javascriptv
👍19🔥51
Новогодний шар — выбираем подарки близким

Если вы не знаете, какой подарок подарить родителям или друзьям, то почему бы не выбрать их с помощью новогоднего шара? Снежный шар написан на JS с помощью HTML и CSS. Нажав на кнопку, шар выберет из списка подарок только один.

Полный код по ссылке:

https://codepen.io/thestemdiaries/pen/qBKbgjQ

#js #html
👍53🔥1