Javascript
18.6K subscribers
808 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
🏎 Быстрый код в две строчки. Сохраняйте, чтобы не потерять.

Подготовили для вас карточки с подсказками как упростить и сократить ваш код.

@javascriptv
👍44🔥73
Простой и чистый код для отправки уведомлений в браузере, используя 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