Javascript

❓Распространенный вопрос на собеседовании по 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 бесплатно ✔ Курс Code academy JavaScript. ✔ Полный курс JavaScript для начинающих. ✔ Краткий курс JavaScript Dom. ✔ Краткий курс по JavaScript Oops. ✔ Продвинутые учебники по JavaScript. ✔ Учебники JavaScript "Все в одном". ✔ Основы JavaScript 11 часов. @javascriptv

🔥 Дайджест полезных материалов из мира 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) Хорошего дня!

🖥 Сайты вы найдете сниппеты кода 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

🚀 Work scroll — изящная реализация прокрутки страницы. Реализована с помощью CSS и JavaScript #анимация #css #javascript https://codepen.io/Zuraavl/pen/jOQEmzM @javascriptv

Стартануть в IT быстро и эффективно — подготовительный курс по Frontend-разработке. ⏰ Старт уже 2 ноября! Даем: 72 урока с практикой в браузере, 3 онлайн вебинара и 1 сессию лайвкодинга с практикующим разработчиком. Получаем: крепкие знания базы языка, умение понимать код и первую программу на JavaScript, написанную вместе с наставником. Всего 990 ₽ и ваше жгучее желание начать. Приходите с любым бэкграундом: нам не важны возраст, пол, образование и текущая профессия. Запишитесь прямо сейчас! Реклама. ООО "ХЕКСЛЕТ РУС". ИНН 7325174845. erid: LjN8K8T3j

🖥 Идеи для проектов 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

⚡️ List Styles — список. Реализована с помощью CSS и JavaScript #анимация #css #javascript https://codepen.io/yexx/pen/OJzQNVN @javascriptv

Книги по Frontend на русском языке - канал, где ты можешь бесплатно КАЧАТЬ Frontend книги на русском языке - качай книги - читай - становись программистом. Все книги 2017-2020 годов. Все русскоязычные. Самая удобная навигация по тегам: #js #css #node #react #angular #vue Подписывайся и качай: @frontbooksru

🗾 Полезный путеводитель по фронтенд-разработке получил обновления. Этот репо репо поможет новичкам начать путь во фронтенде с уверенностью и подскажет опытным разработчикам, как развиваться дальше. В нем собраны все актуальные инструменты и технологии, репо уже набрал более 250 000 звезд. 🐱 GitHub @javascriptv

🔥 Дайджест полезных материалов из мира 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) Хорошего дня!

3D Gallery - Смена карточек с 3D-эффектом, выполненная с помощью SCSS и JavaScript. https://codepen.io/jsulpis/pen/GRMwBGR @javascriptv

Вышел GigaChat нового поколения. Разработчики @gigachat_bot качественно обновили его, изменив свой подход к обучению. Благодаря этому сервис стал лучше отвечать на запросы пользователей — примерно в два раза. При этом GigaChat также запустили в VK, аудитория сервиса уже достигла более 1 млн пользователей. Попробовать. @vistehno

Frantic maze — безумный лабиринт. Реализована с помощью CSS и JavaScript #анимация #css #javascript https://codepen.io/Dillo/pen/jOQPWMe @javascriptv

🧐Устали от ошибок? Позаботьтесь о чистоте архитектуры! 👉Узнайте как на бесплатном вебинаре онлайн-курса «Clojure Developer» — «Duct и Clean Architecture в Clojure»: регистрация На бесплатном вебинаре мы: — попрактикуемся применять принципы чистой архитектуры с использованием языка программирования Clojure и фреймворка Duct. — познакомимся с его модульной системой, реализуем DI контейнер, подключим адаптеры во все порты и вообще сделаем все, как дедушка Боб нам завещал)) Экспертизой поделится руководитель программы и практик Сергей Ткаченко (Clojure Software developer / Team Lead). 🔥После вебинара вы сможете продолжить обучение на курсе по спеццене, в том числе, в рассрочку. Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963. erid: LjN8KUcQ4

🔥 Realistic 3D Photo Cards — всплывающие изображения. Реализована с помощью CSS и JavaScript https://codepen.io/jouanmarcel/pen/JjjZRrW @javascriptv

Как на основе единой кодовой базы построить несколько веб-приложений в принципиально разных средах? Зачем соблюдать практики SDL и как оптимизировать производительность фронтенда?  Приходите обсудить эти и другие вопросы на онлайн-митап «Гетерогенность, или Деплой JavaScript туда и обратно» от Kaspersky. Вместе с командой JavaScript-разработки поговорим про: ◉ построение В2В единой консоли: комплексного, сложного приложения; ◉ единую модель деплоймента для cloud-native-разработки и on-premise; ◉ разработку в распределенных командах (фича-тимы). Митап пройдет 26 октября в 17.00. Регистрируйтесь, будет интересно 😎 Реклама. АО "ЛАБОРАТОРИЯ КАСПЕРСКОГО". ИНН 7713140469. erid: LjN8KQaU3

🖥 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, заголовки и т. д. Подробнее о каждом