Code Ready | Frontend

⚡️ Бесплатное обучение HTML/CSS, JavaScript, Vue.js с нуля с поддержкой от наставника На канале Интенсивный JavaScript действующий тимлид уровня мидл+ помогает изучить JS на практических задачах, которые интересно кодить С 10 по 14 июля он проводит бесплатное обучение, где на практике поможет разобраться в HTML/CSS, JavaScript и — Vue.js Что вы сделаете на обучении — Сверстаете макет под присмотром тимлида — Затем добавите JavaScript (и это не пара скриптов для модального окна) — И перепишете проект на Vue.js 🔖Ещё этот парень регулярно набирает новичков в свою команду и знает, как трудоустроиться джуну. Помимо работы с кодом на обучении он расскажет, где новичку взять опыт работы, что ни в коем случае нельзя говорить на собеседовании, почему 90% новичков никогда не получат даже отклика на своё резюме В общем — даст пошаговый подробный план «Что учить фронтенд и как найти работу джуну в 2024 году» . По этому плану его ученики устраиваются на работу Обучение подойдёт, даже если у вас нет опыта в программировании — всё объясняют так, чтобы поняла даже ваша бабуля Подписывайтесь, осталось 30 мест Учиться самостоятельно можно бесконечно, если не знать, куда копать. На интенсиве сократите время на поиск информации и получите пошаговый план от разработчика, который нанимает новичков в команду 👉 Участвовать бесплатно Первый урок из обучения уже доступен

Ребят, всем привет. Кому интересна небольшая подработка, отпишите мне @energy_it. Нужно будет делать простые посты на другой канал и искать, писать про свежие IT новости. А также нужны будут знания html, css и особенно JS

✅ Эффект свечения Для его создания долго объяснять ничего не придется, главное понимать как работает Css свойство text-shadow, весь остальной код максимально простой. В примере на картинке, мы используем этот код:

text-shadow: 0px 0px 14px rgba(255,255,255,0.7);

• Первые 2 параметра (0px, 0px) отвечают за то, на сколько тень будет смещаться по горизонтали и по вертикале. • Третий параметр (14px) это радиус размытия тени. • И последний это цвет тени (255,255,255), в нашем случае он белый. Последние цифры в rgba (0.7) это значение альфа-канала, которое определяет прозрачность цвета (значение от 0 до 1).

➡️ @code_ready | #css

👨‍💻 Аккордеон (FAQ) Реализовано на HTML, CSS и JS ⛓ Ссылочка: https://codepen.io/Frontend-Portal/pen/LYvoxge ➡️ @code_ready | #кодпен

OverAPI — это удобный сайт для программистов, предоставляющий коллекцию шпаргалок и документации по различным языкам программирования и технологиям. ⛓ Ссылочка: https://overapi.com/ ➡️ @code_ready | #ресурсы

Прокачай скиллы, чтобы получить заветный оффер Ребята из команды FAANG School собрали в одном месте гайды, шпаргалки, мануалы и чек-листы, в общем всё, что поможет стать сильными профессионалами. Основные концепции Docker, наборы команд в JetBrains, пошаговая RoadMap по Java и множество других полезных материалов будут всегда под рукой, помогут быстро справиться со сложными вопросами и тем самым приблизят вас к высокой зп. Библиотечный каталог постоянно пополняется, а значит, будет еще больше ценного контента. Бесплатно и навсегда! Переходи, заглядывай в библиотеку и сохраняй полезности, если хочешь увеличить шансы устроиться в Яндекс, Amazon, Google и другие. Попасть в библиотеку JAVA JUNIOR

✅ Вопрос с собеседования Какая разница между function declaration и function expression в JS? Ответ: Function Declaration: • Используется ключевое слово function в начале строки кода. • Обычно используется для создания функций, которые должны быть доступны во всем текущем контексте выполнения (например, внутри любых блоков кода в текущем скрипте). • Функции, объявленные таким образом, поднимаются вверх в области видимости (hoisting), что означает, что они могут быть вызваны до фактического объявления функции в коде. Function Expression: • Функция присваивается переменной как значение. • Обычно используется для создания анонимных функций или функций, которые должны быть доступны только внутри определенного контекста выполнения. • Функции, созданные таким образом, не поднимаются вверх в области видимости (hoisting), их можно вызывать только после того, как они были присвоены переменной. ➡️ @code_ready | #собеседование

👋 Всем доброго вечера. Как вам данный пост? И хочу спросить, какие рубрики с этого канала вам нравятся больше всего? Допустим #github или #свойство. Это важно чтобы контент канала улучшался с каждым разом). А также ставьте под каждым постом реакции 👍🔥, чтобы я понимал какой именно пост вам понравился, спасибо.

✅ Дополнительные фильтры для картинок Мы уже рассмотрели многие фильтры для картинок свойства filter. Но остались ещё некоторые: • Атрибут invert() инвертирует образцы во входном изображении. Принимает значения от 0% (оставляет входные данные неизменными) до 100% (полностью инвертирует). • Атрибут saturate() насыщает изображение. Принимает от 0% (ненасыщенно) до 100% (оставляет входные данные неизменными). Но также он может принимать значения свыше 100%, обеспечивая сверхнасыщенные результаты. ➡️ @code_ready | #свойство #css

⚡️ Два лучших канала для любого веб-разработчика: idk Frontend - крупнейшая база обучающих материалов по фронтенду. Easy Job - каталог лучших удалённых вакансий от проверенных работодателей для Frontend и Backend разработчиков.

Подписавшись на оба канала, можно обучаться и попутно искать работу!

✅ Создание CSS-шаблона для html eCSStractor - это плагин для VSCode, который помогает разработчикам извлекать CSS-стили из HTML-файлов. Он предоставляет инструменты для автоматического извлечения стилей из HTML-кода и создания соответствующих CSS-правил. ➡️ @code_ready | #плагин

✅ Создание списка дел Приложение To-Do List позволяет создавать и управлять списком задач. Пользователь может добавить новую задачу, а также удалить уже существующую. 😸 Ссылочка на репозиторий:

https://github.com/TgCodeReady/Code-Ready.-Upload-files/tree/main/To%20Do%20List

➡️ @code_ready | #github

⚡️ Фронтендеры гении разработки⚡️ Такой маленький, а уже настолько смелый канал разработчика фронта-самоучки. Показывает настоящую работу фронтендера и жаждет критики, чтобы набираться опыта от более опытных разрабов. Заходи, найдешь что-нибудь интересное Бекендерам тоже есть место, бывают смешные мемасики

Наконец-то нужны хорошие фронтенднеры 😁 Для долгосрочного оплачиваемого сотрудничества. Главное очень хорошо уметь писать на html, css и особенно знать ванильный JAVASCRIPT (умение создавать веб приложения) И также важно иметь базовые знания фигмы. Кому интересно, отпишите мне в личку: 🔥 https://t.me/energy_it

✅ Как работает Array,map() в JS? Функция Array,map: Создает новый массив путем вызова указанной функции для каждого элемента исходного массива и собирает результаты в новый массив. Она принимает один обязательный аргумент — это функция обратного вызова (callback), которая будет применена к каждому элементу исходного массива. Callback может принимать до трёх аргументов: • currentValue — екущий обрабатываемый элемент массива. • index — Индекс текущего обрабатываемого элемента в массиве. • array — Массив, по которому осуществляется проход. • Также есть необязательный аргумент thisArg — значение, используемое в качестве this при вызове функции callback Пример кода:

const numbers = [1, 2, 3, 4];
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8]

➡️ @code_ready | #функция #js

У топовых айтишников есть секрет, они работают не 8 часов, а головой! Понимают, что без английского в айти делать нечего. Поэтому в начале карьеры изучают технический английский, а потом смело прибавляют +40% к рыночной зарплате. Знают где в телеграме брать современные идеи и материалы для работы. Например, для web-разработчиков – это Сайтодел. Становись Senior-разработчиком. Всё просто, два клика: → Английский для программистов → Сайтодел 🎁 Бесплатно: Поиск разработчика для сайта и первый созвон по обучению английскому. Не упускай такую возможность!