Code Ready | Frontend

Хотите стать фронтенд-разработчиком или бустануть свою карьеру, значительно увеличив свой доход? 💸 Евгений Шушков - 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 | #клавиши

🔥 Machine Learning - крупнейший канал по машинному обучению в телеграм! Тут вы не просто заходите на сервис и нажимаете кнопки по генерации изображений, вы научитесь запускать Реальные ИИ, которые работают на вас. Разбираем по полочкам лучшие опенсорс модели запускаем код, тестим самые мощные нейросети. По контенту: ➖ Бесплатные курсы 2024 г NVIDIA, Microsoft, OpenAi и не только ➖Топ ИИ, которые пишут и исправляют Ваш код ➖ Новая модель от от Apple, пишет интерфейсы за вас. ➖ 2000 разобранных вопросов с собеседований Data Science, которые помогут найти работу ➖ Именем голос любого аудио ➖ Ускоряем ваш код, вместе с ИИ И многое другое Мало у кого из авторов каналов есть такой мощный опыт в AI, рекомендую подписаться: @ai_machinelearning_big_data

✅ Sliding Sign In Sign Up Page Концепт формы авторизации и регистрации с интересной анимацией переключения. Написан на Html, Css и немного Js 👨‍💻 Готовый код: Ссылочка @code_ready | #кодпен

✅ Тег <q> Тег <q> в HTML используется для обозначения коротких цитат в тексте. Браузеры обычно отображают содержимое этого тега в кавычках, что помогает пользователю легко определить цитату в контексте текста. Этот тег особенно полезен, когда нужно выделить отдельное высказывание или фразу, без необходимости использовать целый абзац для цитирования. @code_ready | #практика #html