Javascript

22 November 2023 10:06

erid: LjN8KCh5e

🚀 SolarHack 2023 приглашает технических специалистов на онлайн-хакатон. Вас ждет 2 кейса, 500 000 рублей и возможность создать инновационное решение будущего на онлайн-хакатоне от «Солар».

Над какими задачами предстоит работать:
1. Разработка системы, которая автоматизирует подготовку отчетности
2. Определение стороннего DNS-трафика и выявление его источника в ОС Linux

Для кого: участвовать можно индивидуально или в команде до 5 человек
• разработчики на Vue.js, Go (Golang), C++, C
• эксперты по информационной безопасности
• аналитики
• инженеры
• архитекторы ПО
• QA-специалисты

Когда: 8-17 декабря, онлайн

Что дает SolarHack 2023:
• Решите реальные задачи из кибербеза, добавите кейсы в резюме
• Знакомство со звездами сферы ИБ
• Поборитесь за 500 000 рублей
• Получите шанс работать в крупной компании 

👉 Регистрация до 7 декабря: https://cnrlink.com/slrhck23

Реклама. ООО "РТК ИБ". ИНН 7704356648.

Javascript

19 November 2023 13:15

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

Почитать:
— Удобные формы для Vue 3
— Глубокий JS. В память о типах и данных
— React + Three.js. Создаём собственный 3D шутер. Часть 2
— Лучшие ресурсы чтобы выучить Git и Github
— Поиск удобных мест для жизни в Москве на GitHub Pages с помощью DuckDB в браузере
— Добавление WebAuthn в веб-приложение
— Уроки рисования красных квадратов
— Интерактивный парсер web страниц
— Webpack vs esbuild — уже можно использовать в production?
— Latest Newsletter: Surrounded by Bears (Issue #141)
— Enhancing UX: Leveraging Nextjs Router Events for Form Manipulation
— 10 Essential React Hooks You Should Know
— "Finanz Faible: Expert Finanzberater für umfassenden finanziellen Rat"
— Configuring Jest for Typescript Unit Tests
— "Pro Digital Era: Leading Advertising & Digital Marketing in Lahore, Pakistan"
— Gpen Demystified: Expert Insights from Dumpsarena
— 1. Explore basic types of typescript
— Phanatik — Multipage blog theme
— Optimizing JavaScript with Memoization: A Deep Dive into Boosting Performance:

Посмотреть:
🌐 How Is This Code Safe? (⏱ 06:31)
🌐 NEW TypeScript Simplified Course - 24 Hour Sale (⏱ 07:18)
🌐 I Can’t Believe Chrome Hides This From You (⏱ 01:00)

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

#digest #js

@javascriptv

Javascript

14 November 2023 20:05

🖥 Сразу две кнопки - изящно анимированные кнопки с интересным интерактивом. Сделано на CSS и JavaScript.

https://codepen.io/Juxtopposed/pen/abQLxmj

@javascriptv

Javascript

10 November 2023 12:02

Card Hover Interaction - красивые карточки с всплывающей информацией при наведении. Реализованы с помощью CSS.

https://codepen.io/dev_loop/pen/PoqLGvV

@javascriptv

Javascript

07 November 2023 14:02

Изучайте Javascript бесплатно!

❒ Полный курс JavaScript 2023 — от новичка до профессионала / машинный перевод яндекса
https://www.youtube.com/watch?v=JEgp6AHZu9A&pp=ygUYamF2YXNjcmlwdCDQutGD0YDRgSAyMDIz

❒ JavaScript для начинающих 2023. Полный курс за 6 часов. Уроки. Теория + практика
https://www.youtube.com/watch?v=maPRR_jjyOE&pp=ygUYamF2YXNjcmlwdCDQutGD0YDRgSAyMDIz

Полный курс ❒ JavaScript за 4 часа.
http://youtu.be/ZYhGSfSfzeI

❒ Изучите JavaScript за 8 часов.
http://youtu.be/hNYzV87wocY

❒ Курс Code academy JavaScript.
http://youtu.be/_ixUdG1FFtM

❒ Полный курс JavaScript для начинающих.
http://youtu.be/EfAl9bwzVZk

❒ JavaScript Dom Crash Course.
http://youtu.be/0ik6X4DJKCc

❒ JavaScript Oops Crash Course.
http://youtu.be/vDJpGenyHaA

❒ Продвинутые учебники JavaScript.
http://youtu.be/IljVmcDDrOg

❒ JavaScript All in One Tutorials.
http://youtu.be/9M4XKi25I2M

❒ Основы JavaScript 11 часов.
http://youtu.be/2Ji-clqUYnA

@javascriptv

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

21 November 2023 16:55

🎮 Interactive Super Mario - анимация Super Mario, выполненный с помощью SCSS и JavaScript. Управление осуществляется с помощью клавиатуры

https://codepen.io/merchedev/pen/BaYqyNx

@javascriptv

Javascript

15 November 2023 11:40

Компиляция TypeScript в нативный код

Static Hermes (shermes), следующая итерация JavaScript-движка hermes, добавляет поддержку компиляции TypeScript/flow в нативный код. Хотя shermes еще не выпущен, код доступен в репозитории на GitHub.

В этой статье я скомпилирую простую программу на языке TypeScript в код на языке C.

Компиляция shermes
На момент написания статьи для static hermes невозможно получить собранные двоичные файлы. Для компиляции из исходника на macos выполните следующие действия.

Получите исходник из репозитория GitHub и переключитесь на ветку static_h.

mkdir hermes_workspace
cd hermes_workspace
git clone git@github.com:facebook/hermes.git
cd hermes
git checkout static_h
cd ..

Убедитесь, что у вас есть указанные здесь зависимости для сборки. Затем в папке hermes_workspace выполните приведенные ниже команды для сборки. Обратите внимание, что эти команды выполняют сборку hermes в режиме отладки, который работает медленнее. Инструкции по сборке в режиме релиза приведены в конце статьи.

cmake -S hermes -B build -G Ninja
cmake --build ./build

Теперь в каталоге hermes_workspace/build/bin должен находиться двоичный файл shermes.

Компиляция файла TypeScript в C

📌 Читать

Javascript

13 November 2023 13:54

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

Почитать:
— Разбор задачи B (Больше, чем музыка) фронтенд — Yandex Cup 2023 квалификация
— Путешествие JavaScript-кода через движок V8
— Использование Content-Security-Policy вместе с React & Emotion
— Какие неочевидные темы вспомнить перед собеседованием на Frontend разработчика
— Что такое деление по модулю в JavaScript?
— Почему я не буду использовать Next.js
— Redux-toolkit и переиспользование кода
— Разработка браузерных игр с использованием Phaser3, React, Typescript
— Два frontend фреймворка. Два подхода
— Как не программист, вероятно, написал самую быструю библиотеку в мире
— Navigating the Web with is.browser and is.not_browser in JavaScript: Your Go-To Tools for Browser Checks
— Phấn Phủ Canmake
— [Discussion] What's the new big thing in web dev in the past 2 years?
— Delving into open source territory with Google: An Investigation
— Delving into open source territory with Google: PR #3
— Delving into open source territory with Google: PR #2
— Delving into open source territory with Google: PR #1
— Creating Chess Board SVGs, PNGs, and GIFs
— The 2000 line framework challenge: How to split state when using global stores with no extra dependencies beyond Modulo.js
— VueJS part 11: Sending data from component to parent

Посмотреть:
🌐 Why Signals Are Better Than React Hooks (⏱ 16:30)
🌐 Node Just Released This Amazing Feature! (⏱ 00:44)
🌐 This Is One Of My Favorite TypeScript Features (⏱ 05:22)
🌐 NEW TypeScript Simplified Course Announcement! (⏱ 00:49)

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

@javascript

Javascript

09 November 2023 13:19

🖥 Button pushed inside style — изящная анимация иконок при наведении курсора. Реализована с помощью CSS и JavaScript

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

https://codepen.io/Juxtopposed/pen/jOKqXMJ

@javascriptv

Javascript

06 November 2023 10:49

🖥 Дизайн - это непросто.

Вот мои любимые места в Интернете для вдохновения при работе над дизайном:

http://curated.design → каталог
http://land-book.com → веб-сайты
http://refero.design → исследования в области дизайна
http://mobbin.com → мобильные и веб-приложения
http://saaslandingpage.com → целевые страницы saas

@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