WebDEV. Страница 47

🛠 JS Nice — замечательный сервис для деобфускации и базового документирования JS-скрипта. Вставляете непонятный код, сервис его анализирует и приводит в нормальный вид — добавляет отступы, пытается назвать переменные осмысленно в зависимости от контекста, добавляет комментарии с указанием переменных и их типов и т.д.

🔍 Посетить сервис

#js

Напиши свой промо-сайт к новому фильму “Охотники за привидениями” 👻

Сделаешь это самостоятельно за 4 дня на интенсиве, а мы поможем тебе в этом.

Подробная программа интенсива 👇

✅ 1 День
— Разберем дизайн-макет на элементы
— Составим HTML-каркас будущего сайта
— Подключим и напишем первые CSS-стили

✅ 2 День
— Продолжим верстку по макету
— Расставим элементы на странице с помощью CSS flexbox

✅ 3 День
— Добавим анимации на сайт с помощью CSS
— Напишем JavaScript код для интерактивных элементов

✅ 4 День
— Проверим код на наличие ошибок
— Добавим интерактивности на сайт
— Опубликуем сайт в интернете с помощью GitHub

Будет общий чат с кураторами, которые помогут с домашками и ответят на вопросы.

Поторопись, количество мест ограничено.

Жми на ссылку и регистрируйся на интенсив:
https://telegram.me/gloacademy_bot?start=5ee545a3f0e181000dcb9490

За полтора часа вы:
- познакомитесь с основными паттернами, которые используются в разработке с использованием React (при этом они не привязаны к самому реакту, так что вы сможете использовать их и с другими инструментами);
- узнаете, как композиция может помочь структурировать ваш код;
И многое другое!

Регистрация доступна после прохождения вступительного тестирования: https://otus.pw/xqWG/

Выберите правильный вариант 👇🏼 #test

Думаете податься в пентестеры или расширить практические навыки в ИБ? На образовательной платформе Hacktory, созданной опытными экспертами в области AppSec, есть курсы, которые можно пройти бесплатно 👉🏻 https://bit.ly/3hfx8jZ

На курсе «Web security and bug bounty tactics» https://bit.ly/3dQgdCI вы освоите самые распространенные уязвимости, методы их поиска и устранения. Дополнительные программы не требуются, нужен только браузер. А геймифицированный учебный процесс позволяет легко разобраться даже в самых сложных темах.

Hacktory проводит конкурс: 20 новых пользователей, кто пройдет любую лабораторную работу в курсе Web Security и скинет md5 от последнего флага на [email protected], получат премиум-доступ и целый месяц обучения на платформе без ограничений.

Покажите, насколько вы гениальны в программировании и хитрее самого искусного хакера!

Каждую неделю Hacktory проводит бесплатные вебинары с разбором уроков. Следите за новостями в канале https://t.me/hacktory

🛠 MelonJS — это игровой движок HTML5 с открытым исходным кодом, который позволяет разработчикам и дизайнерам сосредоточиться на контенте.

Фреймворк предоставляет набор компонуемых объектов и поддержку ряда сторонних инструментов. Дает вам мощную комбинацию, которую можно использовать целиком или по частям.

🔍 Демо | 📂 GitHub

#framework #js #html

10 июня в 20:00 ждем вас на бесплатном онлайн-вебинаре «Всё о курсе «Node.js разработчик». Разберем программу, ответим на все вопросы и обсудим перспективы выпускников после обучения:
https://otus.pw/ifd3/

Первые 20 участников, зарегистрировавшихся на этот вебинар, получат Сертификат на скидку на электронную почту в течение 1-2 дней после трансляции.

Еще 10 сертификатов на скидку распределим в прямом эфире между теми, кто записался на вебинар. Запись на участие в акции закрывается в день проведения вебинара в 16:00 (полные правила акции читайте на сайте https://otus.ru/legal/promo/)

Применить Сертификат можно только после успешного прохождения вступительного тестирования.

Готовьте вопросы, сдавайте вступительный тест и присоединяйтесь!

Всё о курсе «Fullstack разработчик JavaScript», 10 июня в 20:00.
Регистрация по ссылке: https://otus.pw/Yhix/

На Дне открытых дверей преподаватель расскажет о программе курса, формате обучения и перспективах для выпускников. Формат проведения — онлайн трансляция. Участие бесплатное.

Первые 20 участников, зарегистрировавшихся на этот вебинар, получат Сертификат на скидку на электронную почту в течение 1-2 дней после трансляции.

Еще 10 сертификатов на скидку распределим в прямом эфире между теми, кто записался на вебинар. Запись на участие в акции закрывается в день проведения вебинара в 16:00 (полные правила акции читайте на сайте https://otus.ru/legal/promo/)

Применить Сертификат можно только после успешного прохождения вступительного тестирования.

Готовьте вопросы, сдавайте вступительный тест и присоединяйтесь!

🛠 Stockroom — js инструмент, который без проблем управляет Вашим хранилищем Unistore (и его действиями) в Web Worker, настраивая оптимизированную двунаправленную синхронизацию, чтобы вы также могли использовать его и подписаться на него в главном потоке.

🔍 Демо | 📂 GitHub

#store #js

Обратите внимание: @kaicode (5 сентября). Это первый в своём роде сбор на одной площадке авторов open source проектов, в Москве. Huawei спонсирует и организует. Отошлите им ссылку на свой GitHub проект, его рассмотрят и лучших пригласят на площадку для выступления и защиты. Три проекта получают в руки по $5000 каждый и возможность дальнейшей поддержки от Huawei. Пишите им в Телеграм группу за подробностями и бесплатным билетом на вход.

Выберите правильный вариант 👇🏼 #test

Если вы разработчик полного цикла и жонглируете скриптами, как Илон Маск ракетами, клиенты оторвут вас вместе с компьютером. Вы уже молодцы. А для тех, кто только в начале пути, образовательный портал GeekBrains от Mail.ru Group запустил бесплатный интенсив «Веб-разработка для начинающих». Всего 2 часа –– и билет в профессию у вас в кармане.

Чему научат:
⚡️Создавать небольшие сайты.
🔹Использовать хостинги и публиковать сайты в интернете.
❗️Работать с языком разметки HTML/CSS.
👍Быть молодцом.

Научитесь делать сайты и зарабатывать на этом!

Записаться на вебинар можно по ссылке https://geekbrains.ru/link/n-9GPS

🛠Three.js — библиотека JavaScript для создания простой в использовании, легких трехмерных объектов с рендерером WebGL по умолчанию. Библиотека также предоставляет Canvas 2D, SVG и CSS3D рендеры в примерах.

🔍 Демо | 📂 GitHub

#webgl #js

Выберите правильный вариант 👇🏼 #test

📑 Самые сложные вопросы на JavaScript-собеседовании. Часть 3

Третья часть статьи о самых сложных вопросах на JavaScript-собеседованиях.

🔍 Читать статью

#article #js

🛠 Tailwind CSS — это CSS-фреймворк, созданный в первую очередь для быстрого создания пользовательских интерфейсов. Этот фреймворк предназначен для реализации нестандартных конструкций, и даже такой простой компонент, как кнопка, может выглядеть совершенно по-разному.

В отличии от многих других фреймворков CSS, Tailwind не включает какие - либо компоненты, классы, такие как form-input, btn, card или navbar.

🔍 Демо | 📂 GitHub

#CSS #framework

CodeRoll, канал годноты для фронтендеров и сайтмейкеров.

Каждый день публикуют крутые библиотеки для сайта, курсы по JS, инструкции по стильному оформлению сайта, полезные инструменты для веб-разработки и многое другое.

Подписаться → @coderoll

💡Оптимизация загрузки jQuery

Для оптимизации мы будем использовать CDN (Content Delivery Network).

Основные преимущества CDN:
– Уменьшение задержки – файл грузится с ближайшего к вам сервера
– Распараллеливание загрузки – браузеры ограничивают число одновременных подключений к одному домену, а так файлы могут грузиться параллельно
– Кеширование – есть большая вероятность, что в браузерном кеше посетителя файл уже лежит и это скорейший способ загрузить его.

Пример кода

 src="//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js" charset="UTF-8"> </script>

В атрибуте src, желательно не указывать протокол вообще, тогда можно будет не заботиться о том http это или https.

А что делать в том случае, если CDN от google вдруг стал недоступен? Самый простой вариант — подгрузить локальную копию jQuery.
<script>
window.jQuery ||
document.write('<script src="js/vendor/jquery-3.5.1.min.js"><\/script>')
</script>

#optimization #jquery