Code Ready | Frontend

Всем привет! 👋 Помню времена, когда я сам был начинающим разработчиком и не знал как настроить редактор кода и комфортно работать в нём( Было сложно адаптироваться, мало качественного материала на эту тему. НО! Недавно увидел полезное видео как раз на эту тему, и даже подчерпнул что-то для себя, хотя у меня уже не мало опыта в программировании) В ходе курса автор показывает: — как улучшить комфорт работы в редакторе кода VS Code 👩‍💻 — какие плагины лучше всего использовать; — как ускорить работу с кодом! В общем рекомендую к просмотру! 💪 https://www.youtube.com/watch?v=SE0_wdokumg

📱 Заметки в файлах VS Code Расширение Bookmarks позволяет ставить заметки на любой строчке каждого файла вашего проекта. Добавлять ярлыки можно с помощью команды Bookmarks: Toggle @code_ready | #плагин

✅ Фильтры для картинок Свойство filter в CSS позволяет применять различные изменения на картинки. • Атрибут blur накладывает размытие на картинку. Он принимает значения в: %, em, rem, vm, vh, px. • Атрибут bright изменяет яркость картинки. Он принимает значения в процентах. Это свойство имеет еще несколько атрибутов, они будут описаны в следующих постах.

• В первый раз мы задаем тегу с классом blur свойство фильтр с аргументом blur и значением в 5px. Это значит что картинка будет размыта на 5 пикселей. • Во второй раз мы меняем яркость со стандартной 100% На 50, поэтому картинка становится в 2 раза темнее.

@code_ready | #свойство #css

Хотите стать фронтенд-разработчиком или бустануть свою карьеру, значительно увеличив свой доход? 💸 Евгений Шушков - Senior Frontend-разработчик из Avito и опытный ментор знает, как вам помочь. Автор регулярно ходит на собеседования в топовые компании, чтобы всегда быть в форме и помогать своим ученикам добавиться лучших офферов. Что вас ждет в блоге? - Советы по прохождению собеседований; - Гайды по карьерному росту, проверенные на личном опыте и опыте учеников; - Лайфстайл-советы для разработчиков. Присоединяйтесь к блогу Евгения и начните свой путь к успеху во фронтенде уже сегодня!

✅ Вопрос с собеседования Что такое объекты аргументов в JavaScript? Ответ: Объект аргументов, это специальный тип объекта, хранящий в себе все переданные в функцию аргументы. Хотя arguments и не является массивом, но он имеет свойство length, которое вернет количество переданных в него параметров.

Данный код объявляет функцию func с аргументом x. Её функционал заключается в выводе длинны объекта аргуметов, переданных в функцию. В первом случае будет выведено 0, во втором 1, и в третьем 3

@code_ready | #собеседование

@code_ready | #консоль

Сколько раз вы начинали новую жизнь с понедельника? Наверняка даже прописывали цели, составляли доски желаний, скачивали трекеры привычек и … …И каждый раз все переносится на другой раз! Но есть 2 хорошие новости: 1. Вы не виноваты! 2. На это есть конкретная причина у вас в голове Константин Ковалёв — доказательный врач-психиатр и психотерапевт, который объясняет простым языком, почему у нас не получается изменить свою жизнь Подписывайтесь на канал @Doctor_Kovalev, чтобы узнать как на самом деле манипулирует нами наш мозг 🧠 Реклама. Ковалев К.И. ИНН: 325502816794

✅ Использование стороннего API для получения температуры в городе Этот код описывает характер работы со сторонними API. В этой реализации все работает на базе диалогового окна браузера. Выполняется запрос к API с использованием встроенного в браузер метода fetch() в асинхронном режиме (async/await).

async function getWeather() {
  const API_KEY = "12dd0fe5648f4507a47125430231301";
  const country = prompt("Введите ваш город/страну:  ");
  const URL = `https://api.weatherapi.com/v1/current.json?key=${API_KEY}&q=${country}`;
  try {
    const response = await fetch(URL);
    const data = await response.json();
    alert(`Температура в ${country}: ${data.current.temp_c} °C`);
  } catch (e) {
    console.log(e);
  }
}
getWeather();

@code_ready | #обучение #js

✅ Шпаргалка по методам объекта Math Данная шпаргалка представляет собой основные методы объекта Math для работы с математическими функциями и константами. Каждый метод снабжён комментарием, поясняющим его функцию

И оставлю ссылку на пост, где я делился лучшими шпаргалками на этом канале — https://t.me/code_ready/583 (кто ещё не видел)

@code_ready | #шпаргалка #js

📱 Шпаргалка по методам класса Math Данная шпаргалка представляет собой основные методы класса Math для работы с математическими функциями и константами.

И оставлю ссылку на пост, где я делился лучшими шпаргалками на этом канале — https://t.me/code_ready/583 (кто ещё не видел)

@code_ready | #шпаргалка #js

❗️Наконец-то! в телеграме появился по настоящему крутой канал по Python! Каждый день в канале выкладывают: -Полезные советы и решения для разработки -Обучающие материалы и уроки для всех уровней -Свежие новости и обновления -А так же сливы с лучших платных курсов 🔥 Не упустите возможность стать настоящим профессионалом! Быстрей залетай в Pythoner

✅ Использование стороннего API для получения температуры в городе Этот код описывает характер работы со сторонними API. В этой реализации все работает на базе диалогового окна браузера. В этом примере запрос к API выполняется с использованием встроенного в браузер метода fetch() в асинхронном режиме (async/await).

async function getWeather() {
  const API_KEY = "12dd0fe5648f4507a47125430231301";
  const country = prompt("Введите ваш город/страну:  ");
  const URL = `https://api.weatherapi.com/v1/current.json?key=${API_KEY}&q=${country}`;
  try {
    const response = await fetch(URL);
    const data = await response.json();
    alert(`Температура в ${country}: ${data.current.temp_c} °C`);
  } catch (e) {
    console.log(e);
  }
}
getWeather();

@code_ready | #обучение #js

@code_ready | #мем

✅ Исправление орфографических ошибок Code Spell Checker — это расширение для VSCode, Цель которого проверка орфографии и помощь выявить распространенные орфографические ошибки и исправить их @code_ready | #плагин

Верстаешь? Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке: 1. Ты с нуля сверстаешь веб-сайт на HTML + CSS; 2. Оживишь страницу с помощью JavaScript; 3. Создашь проект на Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Сделаешь сайту адаптив; 6. Получишь проверку домашек от кураторов; 7. В итоге своими руками разработаешь качественный сайт, который не стыдно добавить в портфолио или продать. А главное, ты узнаешь, что тебе делать, чтобы уже в этом году гарантировано зарабатывать от 1000$/мес. на фронтенд-разработке, не выходя из дома. Начинаем 16 апреля. 👉 Успей проскочить на интенсив бесплатно Бонусом для портфолио тебе выдадут именной сертификат после окончания интенсива и успешной сдачи всех домашних работ.

✅ Шпаргалка по методам Date Эта шпаргалка содержит основные методы JavaScript для работы с Date. Каждый метод сопровождается кратким описанием его функциональности и примером использования. @code_ready | #js #шпаргалка

Прокачай знания по JavaScript! Приветствую! Я Андрей Шопинский — Frontend-разработчик из крупного банка, ментор по Frontend-разработке. На моём канале: — Полезные статьи; — Уникальные прямые эфиры; — Разбор вопросов с собеседований и многое другое. 👉 Подписывайтесь и начните прокачиваться уже сегодня! Реклама. самозанятый Шопинский А.О. ИНН: 312834439322. erid: 2VtzqvWxez3

✅ Создание простого ползунка со значением Этот код создает простой ползунок на веб-странице, который позволяет пользователю выбирать значение от 0 до 100. Под ползунком отображается текущее выбранное значение.

<div>
    <input type="range" max="100" id="sliderRange"/>
    <p>Value: <span id="demo"></span></p>
 </div>

const slider = document.getElementById("sliderRange");
const output = document.getElementById("demo");
output.innerHTML = slider.value;

slider.oninput = function () {
   output.innerHTML = this.value;
};

@code_ready | #обучение #js

✅ Лучшие горячие клавиши для верстки • Shift + Alt + F — отформатировать листинг. Быстро выровняет код, чтобы он стал более читаемым, понятным и красивым. • Ctrl + D — множественное редактирование. Изменит одинаковый код сразу в нескольких местах. • Alt — множественный ввод. Поможет написать одно и то же сразу в нескольких местах. @code_ready | #клавиши