🏎 Быстрый код в две строчки. Сохраняйте, чтобы не потерять.
Подготовили для вас карточки с подсказками как упростить и сократить ваш код.
@javascriptv
Подготовили для вас карточки с подсказками как упростить и сократить ваш код.
@javascriptv
👍44🔥7❤3
Простой и чистый код для отправки уведомлений в браузере, используя JavaScript.
Используйте этот способ в своих проектах.
@javascriptv
Используйте этот способ в своих проектах.
@javascriptv
👍15🔥6❤3
This media is not supported in your browser
VIEW IN TELEGRAM
✈️Пример лендинга с эффектом полета, вслед за скроллом.
Такая анимация подходит для проектов, в которых нужно передать динамику - прокат самокатов или сайт транспортной компании.
По ссылке можно посмотреть как сделан этот эффект.
@javascriptv
Такая анимация подходит для проектов, в которых нужно передать динамику - прокат самокатов или сайт транспортной компании.
По ссылке можно посмотреть как сделан этот эффект.
@javascriptv
🔥43👍6🤔4❤3
This media is not supported in your browser
VIEW IN TELEGRAM
Наглядное объяснение событийного цикла - микрозадачи и макрозадачи. Пригодится новичкам.
Task1: функция, которая немедленно добавляется в стек вызовов, например, путем ее мгновенного вызова в нашем коде.
Task2, Task3, Task4: микрозадачи, например обещание, затем обратный вызов или задача, добавленная с помощью queueMicrotask.
Task5, Task6: макрозадача, например, обратный вызов setTimeout или setImmediate
@javascriptv
Task1: функция, которая немедленно добавляется в стек вызовов, например, путем ее мгновенного вызова в нашем коде.
Task2, Task3, Task4: микрозадачи, например обещание, затем обратный вызов или задача, добавленная с помощью queueMicrotask.
Task5, Task6: макрозадача, например, обратный вызов setTimeout или setImmediate
@javascriptv
👍22🔥4❤3🤔1
This media is not supported in your browser
VIEW IN TELEGRAM
Стильные уведомления для сайта в стиле MacOS, выполненные на JavaScript и CSS
https://codepen.io/jkantner/pen/XWzePgp
@javascriptv
https://codepen.io/jkantner/pen/XWzePgp
@javascriptv
👍31❤4🔥3
В этой статье мы разработаем свой сайт-портфолио с нуля, используя учебное пособие 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
Анимация восхода и заката при нажатии происходит движение, написана с помощью CSS и JS.
#анимация #css #js
https://codepen.io/aragakey/pen/poKzKQJ
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10🔥2❤1
This media is not supported in your browser
VIEW IN TELEGRAM
https://codepen.io/JavaScriptJunkie/pen/qBWrRyg
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍15❤6🔥5🤔2
При решении задач в массиве JavaScript-разработчики могут столкнуться с ошибками, используя метод push для добавления элемента. Проблема возникает при создании ПО на JavaScript и React.
Разберем побочные эффекты метода push на двух примерах. Чтобы было более понятно, возьмем для демонстрации небольшие фрагменты кода.
• Читать
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍12👎11❤2😁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
https://codepen.io/jh3y/pen/jOxJWar
@javascriptv
👍14❤3🔥2
Профессиональная обработка ошибок в TypeScript
Обработке ошибок в Type/JavaScript обычно не уделяется должного внимания. Между тем, для долговечности любого проекта очень важно выявлять и регистрировать ошибки.
Начав чаще программировать на TypeScript, я понял, что слишком мало занимаюсь обработкой ошибок.
• Читать
@javascriptv
Обработке ошибок в Type/JavaScript обычно не уделяется должного внимания. Между тем, для долговечности любого проекта очень важно выявлять и регистрировать ошибки.
Начав чаще программировать на TypeScript, я понял, что слишком мало занимаюсь обработкой ошибок.
• Читать
@javascriptv
👍15❤2🤬2🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
https://codepen.io/walpolea/pen/mdLGmVK
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍16🔥3❤2
This media is not supported in your browser
VIEW IN TELEGRAM
https://codepen.io/apchnk/pen/ExRXjxd
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11🔥6❤4
Помимо обычных уже известных вам способов проверки кода есть и другой, а именно статистический анализ.
В настоящее время в современном программном обеспечении объединяются инструменты анализа статического кода во время разработки.
Вот вам несколько таких инструментов:
Jslint- это аналитический веб-инструмент для проверки качества кода JavaScript. Как только он обнаруживает проблему в источнике, он возвращает сообщение с описанием проблемы и приблизительным местоположением в коде.
Flow - статический контролёр кода для JavaScript, разработанный компанией Facebook. Он использует аннотации статического типа для проверки кода на предмет ошибок.
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8❤2🔥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
Календарь для расписания тренировок, реализован с помощью CSS и JS.
#анимация #css #js
https://codepen.io/oliviale/pen/RwWKybY
@javascriptv
👍10🔥3❤1
Создание доступных табов пользовательского интерфейса в JavaScript
В этой статье рассказывается о том, как создать доступные вкладки пользовательского интерфейса с помощью JavaScript. Автор обсуждает несколько методов реализации вкладок и объясняет, как сделать их доступными для пользователей с ограниченными возможностями.
Он также предоставляет код для создания вкладок с помощью клавиатуры и для улучшения доступности визуального интерфейса.
https://blog.logrocket.com/build-accessible-user-interface-tabs-javascript/
#javascript
@javascriptv
В этой статье рассказывается о том, как создать доступные вкладки пользовательского интерфейса с помощью JavaScript. Автор обсуждает несколько методов реализации вкладок и объясняет, как сделать их доступными для пользователей с ограниченными возможностями.
Он также предоставляет код для создания вкладок с помощью клавиатуры и для улучшения доступности визуального интерфейса.
https://blog.logrocket.com/build-accessible-user-interface-tabs-javascript/
#javascript
@javascriptv
👍9❤1🔥1
Где же ты, супергерой JS?
Superhero.js — ресурс, на котором собираются лучшие статьи и видео по JavaScript. На странице представлен постоянно обновляемый список статей, которые помогают понять синтаксис JS, изучить основы управления проектами и тестирования кода:
http://superherojs.com/
#js
@javascriptv
Superhero.js — ресурс, на котором собираются лучшие статьи и видео по JavaScript. На странице представлен постоянно обновляемый список статей, которые помогают понять синтаксис JS, изучить основы управления проектами и тестирования кода:
http://superherojs.com/
#js
@javascriptv
👍13🔥4❤3
🔥 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
@sqllib - библиотека баз данных
@sqlhub - повышение эффективности кода с грамотным использованием бд.
@chat_sql - чат изучения бд.
@data_analysis_ml - data science
@vistehno - chatgpt ведет блог, решает любые задачи и отвечает на любые ваши вопросы.
@aigen - сети для генерации картинок. видео, музыки и многого другого.
@neural – погружение в нейросети.
@ai_ml – погружение в нейросети, ai, Chatgpt, midjourney, машинное обучение.
@machinelearning_ru – машинное обучении на русском от новичка до профессионала.
@machinelearning_interview – подготовка к собеседованию.
@datascienceiot – бесплатные книги Machine learning
@ArtificialIntelligencedl – канал о искусственном интеллекте
@machinee_learning – чат о машинном обучении
@datascienceml_jobs - работа ds, ml
@Machinelearning_Jobs - чат работы мл
@pythonl - главный канал самого популярного языка программирования.
@pro_python_code – учим python с ментором.
@python_job_interview – подготовка к Python собеседованию.
@python_testit - проверочные тесты на python
@pythonlbooks - современные книги Python
@python_djangojobs - работа для Python программистов
@python_django_work - чат обсуждения вакансий
@react_tg - - 40,14% разработчиков сайтов использовали React в 2022 году - это самая популярная библиотека для создания сайтов.
@javascript -канал для JS и FrontEnd разработчиков. Лучшие практики и примеры кода. Туториалы и фишки JS
@Js Tests - каверзные тесты JS
@hashdev - погружение в web разработку.
@javascriptjobjs - отборные вакансии и работа FrontEnd.
@jsspeak - чат поиска FrontEnd работы.
@javatg - выучить Java с senior разработчиком по профессиональной методике.
@javachats - чат для ответов на вопросы по Java
@java_library - библиотека книг Java
@android_its - Android разработка
@java_quizes - тесты Java
@Java_workit - работа Java
@progersit - шпаргалки ит
@Golang_google - восхитительный язык от Google, мощный и перспективный.
@golang_interview - вопросы и ответы с собеседований по Go. Для всех уровней разработчиков.
@golangtests - интересные тесты и задачи GO
@golangl - чат изучающих Go
@GolangJobsit - отборные вакансии и работа GO
@golang_jobsgo - чат для ищущих работу.
@golang_books - полезные книги Golang
@golang_speak - обсуждение языка Go
@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_code - лучшие проекты с github
@bigdatai - инструменты по работе с данными
Devops - специалист общего профиля, которому нужны обширные знания в области разработки.
@english_forprogrammers - Английский для программистов
@Chatgpturbobot - бесплатный бот ChatGpt
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7❤2🔥2😁2🤔1