Javascript

05 November 2023 19:18

🖥 Shopping UI - красивый каталог товаров и корзина, сделанные при помощи JS библиотеки - Vue.js

https://codepen.io/mo-ro/pen/jObjGJm

#код #css #javascript

@javascriptv

Javascript

04 November 2023 13:14

🖥 Anime.js V4.

Новый способ эффективного управления повторяющимися анимациями без лишних вызовов animate() или utils.set().

Идеально подходит для эффектов отслеживания мыши!
Подробности об API ниже 👇

https://libraries.io/npm/animejs-beta

@javascriptv

Javascript

02 November 2023 12:33

Создание отзывчивой регистрации с валидацией формы с помощью HTML, CSS и JavaScript 🚀

📌 Код

@javascriptv

Javascript

01 November 2023 14:01

Представляем Material Web 1.0, библиотеку компонентов Google, которая работает везде, где есть рабочий HTML. 🌐

Подробный гайд о том, как начать работу с компонентами Material здесь → https://m3.material.io/develop/web

@javascriptv

Javascript

30 October 2023 14:01

🖥 Освойте Javascript бесплатно

✔ Курс Code academy JavaScript.

✔ Полный курс JavaScript для начинающих.

✔ Краткий курс JavaScript Dom.

✔ Краткий курс по JavaScript Oops.

✔ Продвинутые учебники по JavaScript.

✔ Учебники JavaScript "Все в одном".

✔ Основы JavaScript 11 часов.

@javascriptv

Javascript

27 October 2023 17:03

🖥 Сайты вы найдете сниппеты кода Javascript:

➽ javascripting - http://javascripting.com

➽ codepen - http://codepen.io

➽ codemyui - http://codemyui.com

➽ jsfiddle - http://jsfiddle.net

➽ jsbin - http://jsbin.com

➽ 30secondsofcode - http://30secondsofcode.org/js/p/1/

➽ freefrontend - http://freefrontend.com

➽ snippit - http://snippit.io

➽ codesandbox - http://codesandbox.io

➽ glitch - http://glitch.com

➽ tabnine - http://tabnine.com

➽ github - http://github.com

@javascriptv

Javascript

26 October 2023 12:11

Стартануть в IT быстро и эффективно — подготовительный курс по Frontend-разработке.

⏰ Старт уже 2 ноября!

Даем: 72 урока с практикой в браузере, 3 онлайн вебинара и 1 сессию лайвкодинга с практикующим разработчиком.

Получаем: крепкие знания базы языка, умение понимать код и первую программу на JavaScript, написанную вместе с наставником.

Всего 990 ₽ и ваше жгучее желание начать. Приходите с любым бэкграундом: нам не важны возраст, пол, образование и текущая профессия.

Запишитесь прямо сейчас!

Реклама. ООО "ХЕКСЛЕТ РУС". ИНН 7325174845. erid: LjN8K8T3j

Javascript

24 October 2023 19:12

⚡️ List Styles — список. Реализована с помощью CSS и JavaScript

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

https://codepen.io/yexx/pen/OJzQNVN

@javascriptv

Javascript

22 October 2023 10:07

🔥 Дайджест полезных материалов из мира Javascript за неделю

Почитать:
— Fusor vs React
— JavaScript pattern CustomSwitch
— CRUD React c Redux и Saga + typescript в 2023
— Приглашаем на онлайн-митап «Гетерогенность, или Деплой JavaScript туда и обратно»
— Next JS и Nginx
— О чем расскажут на HolyJS 2023 Autumn: от архитектуры до карьеры
— Vue.js 3 — шаблоны проектирования и лучшие практики
— Небольшое React приложение со своим бекендом, запускаем с одного терминала
— PiterJS: сентябрь/октябрь
— Взаимодействие с Midjourney с использованием Discord API
— Weekly Dev Findings 10
— GraphQl Integration With React Native
— Building Accessible Web Apps
— Abstract Syntax Trees and Practical Applications in JavaScript
— Creating and Styling Forms with HTML and CSS: A Comprehensive Guide
— 7 Github Repositories to Master React 😎
— Proseso ng paggawa ng aking (dating) Website
— Cranberry: The Cure for Your URI
— JavaScript - Under the hood (Part 1 - Overview of Runtime Environment)
— 🤔My Underrated Nextjs Project 🔥

Посмотреть:
🌐 You Suck At Accessibility (But You Don't Have To) (⏱ 13:23)
🌐 This New Node Feature Is Super Convenient (⏱ 00:43)

Хорошего дня!

Javascript

19 October 2023 16:46

Frantic maze — безумный лабиринт. Реализована с помощью CSS и JavaScript

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

https://codepen.io/Dillo/pen/jOQPWMe

@javascriptv

Javascript

18 October 2023 15:36

Как на основе единой кодовой базы построить несколько веб-приложений в принципиально разных средах? Зачем соблюдать практики SDL и как оптимизировать производительность фронтенда? 

Приходите обсудить эти и другие вопросы на онлайн-митап «Гетерогенность, или Деплой JavaScript туда и обратно» от Kaspersky. Вместе с командой JavaScript-разработки поговорим про:

◉ построение В2В единой консоли: комплексного, сложного приложения;
◉ единую модель деплоймента для cloud-native-разработки и on-premise;
◉ разработку в распределенных командах (фича-тимы).

Митап пройдет 26 октября в 17.00.
Регистрируйтесь, будет интересно 😎

Реклама. АО "ЛАБОРАТОРИЯ КАСПЕРСКОГО". ИНН 7713140469. erid: LjN8KQaU3

Javascript

18 October 2023 11:39

Погрузитесь в мир ☕️ Java и станьте Java-разработчиком за 4 месяца с курсом от Merion Academy!

Все, кому интересно, получат 🚀 3 бесплатных урока, 📍 Мы расскажем про то, что из себя представляет язык Java и его базовый синтаксис.

📍 Установите Java и среду разработки где будете писать код.
📍 Напишете свою первую консольную программу, а после нее и REST API приложение.
📍 А в конце закрепите полученные знания.

🎁 Бонус – интенсив по развитию карьеры, где HR-эксперты расскажут как создавать сильные резюме и проходить собеседования.
📜 Плюс гайд по базовому синтакису языка.

🕺У ребят одна из самых доступных цен, которая в разы ниже, чем в других онлайн-школах, а еще есть рассрочка для тех, кто хочет учиться сейчас и платить по чуть-чуть ежемесячно.

👉 Регистрируйтесь по ссылке чтобы забрать бесплатные уроки, интенсив по карьере и гайд.

Merion Academy – это экосистема доступного образования, которая включает в себя:

📍IT-базу знаний с полезными статьями.
📍merionacademy">Youtube-канал ,где простыми словами говорят о сложных вещах.
📍IT-академию, где обучат востребованным направлениям по самым доступным ценам.

Javascript

16 October 2023 11:08

Верстаешь?

Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке:

1. Сверстаешь веб-сайт на HTML + CSS;
2. Оживишь страницу с помощью JavaScript;
3. Используешь фронтенд-фреймворк Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Получишь советы по доработке своего проекта;
6. Добавишь в портфолио 1 качественный проект;
7. Получишь в подарок чек-лист «45 мест для поиска работы».

А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова.

👉 Проскочить на интенсив бесплатно

Начинаем 17 октября.

Реклама. ИП Чернова О. А., ИНН:771399721044, erid:LjN8JzzRJ

Javascript

13 October 2023 13:02

🖥 Flipping Neon - Анимированная сцена, выполненная на чистом CSS, без использования JavaScript

https://codepen.io/danwilson/pen/abqGjVp

@javascriptv

Javascript

12 October 2023 15:32

🖥 Cinematic Animation — красивая кинематографическая анимация. Реализована с помощью CSS и JavaScript

https://codepen.io/team/keyframers/pen/LYRmXBX

@javascriptv

Javascript

05 November 2023 17:18

⚡Легкий способ получать свежие обновлении и следить за трендами в разработке на вашем языке. Находите свой стек и подписывайтесь:

Машинное обучение: t.me/ai_machinelearning_big_data
Go: t.me/Golang_google
Базы данных: t.me/sqlhub
C++/ t.me/cpluspluc
Data Science: t.me/data_analysis_ml
Python: t.me/pythonl
Хакинг: t.me/linuxkalii
Devops: t.me/devOPSitsec
C#: t.me/csharp_ci
Java: t.me/javatg
Linux: t.me/+A8jY79rcyKJlYWY6
Мобильная разработка: t.me/mobdevelop
Docker: t.me/+0WdB4uvOwCY0Mjdi
Rust: t.me/rust_code
Javascript: t.me/about_javascript
React: t.me/react_tg
PHP: t.me/phpshka
Android: t.me/android_its
Big Data: t.me/bigdatai
Тестирование:/channel/+F9jPLmMFqq1kNTMy
Аналитика данных: /channel/+mAXY9ppJwitkMDBi

😆ИТ-Мемы: t.me/memes_prog

🇬🇧Английский: t.me/english_forprogrammers

📕Ит-книги бесплатно: /channel/addlist/BkskQciUW_FhNjEy

ИИ: t.me/vistehno

Книги по искусственному интеллекту

💼 Папка Go разработчика: t.me/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: t.me/addlist/eEPya-HF6mkxMGIy
Папка ML: /channel/addlist/2Ls-snqEeytkMDgy
Папка Java разработчика: /channel/addlist/ZM3J6oFNAnRlNWU6
Папка с вакансиями: t.me/addlist/_zyy_jQ_QUsyM2Vi

Javascript

03 November 2023 16:09

🖥 Slider — красивый слайдер с различными блюдами. Реализована с помощью CSS и JavaScript

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

https://codepen.io/kristen17/pen/BaGOOMm

@javascriptv

Javascript

02 November 2023 10:02

Не могу найти работу. Нет откликов на резюме. Не зовут на собеседование. 😞

Эти проблемы возникают у многих в процессе поиска работы и решать их нужно с сертифицированным карьерным консультантом, таким как Оксана Синягина. Оксана работает в сфере IT уже 17 лет и  отлично знает рынок труда в IT.

В своем Телеграм канале Оксана делится:

✅  Актуальными трендами и возможностями, которые предлагает IT-сфера. 💡
✅  Рассказывает, какие навыки и знания нужны для успешного старта и роста в айти. 🚀
✅  Делится полезными материалами для самообразования и развития профессиональных компетенций. 📚
✅  Раскрывает секреты успешного прохождения собеседований и взаимодействия с работодателями. 🗣

А недавно у Оксаны вышел пост о самых эффективных платформах для поиска работы в IT. 🌐

Подпишись на канал Оксаны и получи бесплатный гайд "Как настроить LinkedIn, чтобы он работал на вас" 🎁

>> Перейти на канал

Реклама. Синягина О.В. ИНН 526309956960. Erid LjN8KbsPE

Javascript

31 October 2023 10:13

❓Распространенный вопрос на собеседовании по JavaScript:

Реализуйте метод кастомные .map():

[1,2,3].myMap((x) => x * x) // должно получиться [1,4,9].

Проверяется ваше понимание:
1⃣Prototypes
2⃣ this ключевое слово
3⃣Functional концепции программирования

Если вы понимаете, как работает обычная .map(), то реализовать собственную функциию несложно:

1. .map() - это метод массива
2. Он возвращает новый массив (не модифицирует существующий)
3. В качестве параметра принимает функцию
4. Выполняет эту функцию над каждым элементом массива
5. Результат функции помещается в новый массив, а затем возвращается.

Легко, правда?

Базовая реализация в изображении.

Javascript

29 October 2023 12:40

🔥 Дайджест полезных материалов из мира Javascript за неделю

Почитать:
— Как мы заинжектили кнопку на Behance
— Гайд по микрофронтендам на single-spa, или Как уже наконец-то уйти от монолита во фронтенде
— Как можно использовать .NET из Javascript (React) в 2023 году
— Простой пример ИИ для управления роботом. TensorFlow + Node Js
— 8 углубленных вопросов на собеседованиях на роль сеньора в JavaScript
— React vs Vue vs Angular. Часть 3
— Как выстроить удобные процессы в работе с монорепой
— 9 алгоритмов сортировки и поиска для JS, о которых вас спросят на собеседовании
— Особенности кодировки строк в Base64 в JavaScript
— Service Workers против медленного интернета: Кэширование и улучшение UX
— 15 Reasons to Learn JavaScript: Unlocking the Power of the Web
— Basic Pattern - Javascript Interview
— Stylized Castle WebGL demo
— why learn web (javascript) ML(machine learning) 2024
— Score High in AWS SAA-C03 Dumps with Premium Quality Dumps
— Latest Newsletter: Embarrassed to be Human (Issue #138)
— Announcing the First Ever State of React Survey
— Performing CRUD Operations in a React-Express-MongoDB Application
— Pollyfill - PROMISE. ALL
— React Search Using-Debounce

Посмотреть:
🌐 Did Josh Make A Mistake? (⏱ 06:58)
🌐 This Experimental Chrome Accessibility Feature Is A Game Changer (⏱ 00:48)

Хорошего дня!

@javascriptv

Javascript

26 October 2023 13:11

🚀 Work scroll — изящная реализация прокрутки страницы. Реализована с помощью CSS и JavaScript

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

https://codepen.io/Zuraavl/pen/jOQEmzM

@javascriptv

Javascript

25 October 2023 18:59

🖥 Идеи для проектов JavaScript:


➯ Создайте игру Flappy Bird.
http://youtube.com/watch?v=Ltg1fl4Obgg

➯ Игра "Хэнгмэн"
http://youtube.com/watch?v=hSSdc8vKP1I

➯ Слайдер изображений -
http://youtube.com/watch?v=PsNaoDhzQm0

➯ Переключение светлой/темной темы -
http://youtube.com/watch?v=CUEJkJ9HDbY

➯ Цифровые часы
http://youtube.com/watch?v=lsoCv8Agg6E

➯ Создание музыкального проигрывателя -
http://youtube.com/watch?v=oscPp3KghS8

➯ Список дел
http://youtube.com/watch?v=kzHmtmCMUwk

➯ Тетрис
http://youtube.com/watch?v=ZTHjT3bm-64

➯ Создание 15 проектов на JavaScript -
http://youtube.com/watch?v=3PHXvlpOkf4

@javascriptv

Javascript

23 October 2023 18:36

🗾 Полезный путеводитель по фронтенд-разработке получил обновления.

Этот репо репо поможет новичкам начать путь во фронтенде с уверенностью и подскажет опытным разработчикам, как развиваться дальше.

В нем собраны все актуальные инструменты и технологии, репо уже набрал более 250 000 звезд.

🐱 GitHub

@javascriptv

Javascript

19 October 2023 21:02

3D Gallery - Смена карточек с 3D-эффектом, выполненная с помощью SCSS и JavaScript.

https://codepen.io/jsulpis/pen/GRMwBGR

@javascriptv

Javascript

18 October 2023 17:36

🔥 Realistic 3D Photo Cards — всплывающие изображения. Реализована с помощью CSS и JavaScript

https://codepen.io/jouanmarcel/pen/JjjZRrW

@javascriptv

Javascript

18 October 2023 13:39

🖥 5 недооцененных возможностей JavaScript

1. FlatMap
FlatMap в JavaScript — это отличная техника, с которой можно познакомиться здесь. FlatMap объединяет в себе функции map и метода массивов filter. Рекомендую использовать flatMap() вместо комбинации filter() и map().

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

3. Метод reduce
Я наблюдал эту проблему у многих фронтенд-разработчиков. Когда пакет типа react-charts запрашивает данные в объектоподобной структуре, а реализация react-charts запрашивает данные в формате, сгруппированном по ключу, большинство разработчиков применяют метод .forEach() или некорректно используют метод map().

4. Генераторы
Генераторы и итераторы, пожалуй, относятся к элементам кода, не используемым JavaScript-разработчиками, знания которых ограничиваются вопросами для собеседования по программированию. В сценариях извлечения данных можно столкнуться с огромным объемом данных в БД/API, которые придется передавать во фронтенд. В этом случае наиболее часто используемым решением в react является бесконечная загрузка.

5. Нативные классы JavaScript
В комплект поставки JavaScript входят нативные классы, с помощью которых можно довольно легко создавать/инстанцировать такие элементы, как URL, заголовки и т. д.

Подробнее о каждом

Javascript

16 October 2023 13:08

🖥 Remove the Adblock Popup from YOUTUBE

Данный репозиторий содержит JS-скрипт, предназначенный для удаления назойливого всплывающего окна "Блокировщик рекламы запрещен на Youtube". Для начала работы следуйте приведенным в репо инструкциям.

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

• Github

@javascriptv

Javascript

15 October 2023 11:57

🔥 Дайджест полезных материалов из мира Javascript за неделю

Почитать:
— Современный junior frontend developer на двух работах уровня middle с общей ЗП 400к. Реальность ли в 2023 году?
— Wolfram Language JavaScript Frontend
— «Нейрогород»: игра на знание JavaScript про фронтендерские баги
— Мои первые шаги в создании браузерных 2D игр на чистом JavaScript + Canvas. Часть 1. Прототип
— Сайд эффект реактивности и апдейта компонента во Vue 3
— Вышел Chrome 118
— Что быстрее: Animated + useNativeDriver или Reanimated?
— Как внедрить гайд по стилю кода в проект
— My #30DayCodingChallenge
— 🔄 Displaying React Components in Reverse Order
— Easily style active links in Tanstack Router
— Weekly Dev Findings 9
— 🚀 Supercharge Your Next.js App with Stunning Images! Learn the Ultimate Cloudinary Image Upload Hack 🔥
— Latest Newsletter: Exhausted (Issue #136)
— Refactoring: Enhancing Code for Better Maintainability
— Vanilla-Tilt Js
— Understanding JavaScript Collections: Arrays, Sets, Maps, and More
— Junior to Senior Web Developer Roadmap: Breakdown

Посмотреть:
🌐 How To Create The YouTube Home Page With Tailwind, React, and TypeScript (⏱ 01:49:08)

Хорошего дня!

Javascript

13 October 2023 11:01

Добавьте React в резюме за 3 месяца — на курсе Яндекс Практикума.

◾️ Учитесь на практике
В вашем портфолио будут:
— веб-приложение космической бургерной с главной страницей, личным кабинетом и лентой заказов;
— своё веб-приложение на React и Typescript с юнит-тестами.

◾️ Совмещайте с работой
— Расписания нет, главное — вовремя сдавать проекты и уделять учёбе 20-25 часов в неделю.
— Тренажёр и учебник работают 24/7. 
— Если что-то пойдёт не так — можно взять паузу и продолжить с другим потоком.

◾️ Набирайтесь опыта
— Наставники — практикующие разработчики — помогут со сложными темами.
— Старшие программисты проведут код-ревью и поделятся опытом.

Курс можно оплатить в тенге и оформить рассрочку.
→ Начать учиться

Javascript

12 October 2023 13:32

Это — Дмитрий Безуглый, у него огромный опыт во фронтенд-разработке. Кто, если не он, научит вас делать серьёзный фронтенд?

Дима участвовал в принятии решений по разработке на все команды Вконтакте, с нуля запустил рекламный кабинет для новичков и выстроил множество процессов в команде как тимлид. А если вы используете Яндекс.Трекер, то знайте, его интерфейсы – тоже работа Димы.

Сейчас Дима — CTO Chrome Extension Frogly. Сервис помогает в изучении иностранных языков.

Диме нравится передавать свой опыт другим — у него был бесплатный курс, личные консультации. Теперь он собрал весь свой опыт воедино и вместе с друзьями сделал программу с огромным количеством практики и инсайтов индустрии.

Если вы junior+ фронтендер и хотите научиться работать над масштабными проектами, вам сюда!

Записывайтесь на курс до 19 октября, а по промокоду JAVASCRIPTTV вы получите скидку 5%

Кстати, начать можно бесплатно
[Начать учиться]

Реклама. ООО "Карпов Курсы". Erid: LjN8K56mH