Code Ready | Frontend

Всем привет 😕 Хотел бы рассказать про контент на этом канале, как вы могли заметить, сейчас контент стал хуже и реже выходить. Почему? Потому что времени вообще нет.

Поэтому мне нужно найти контентщика. Который сможет делать точно такой же контент, как и в этом канале. Знания по html, css и особенно Javascript. Кому интересно отпишите в лс @energy_it.

А также, в канале сильно упала активность, просмотры, реакции и т.д. Если вам нравится этот канал, и хотите чтобы тут часто выходили качественный посты, поставьте просто реакцию 👍🔥, и напишите любой комментарий, что об этом думаете. Спасибо ❤️

👩‍💻 Вопрос с собеседования Как использовать модули в JavaScript? Ответ: 1. Экспортирование модулей: Позволяет делать функции, объекты или переменные доступными для других файлов. Используется export для экспорта нескольких элементов из модуля.

// utils.js
export function add(a, b) {
  return a + b;
}
export const pi = 3.14159;

2. Импортирование модулей: Позволяет использовать ранее экспортированные элементы. Используется import для импорта отдельных элементов из модуля.

// main.js
import { add, pi } from './utils.js';
console.log(add(2, 3)); // 5
console.log(`Value of pi: ${pi}`); // Value of pi: 3.14159

3. Экспорт по умолчанию: Используется для экспорта одного основного элемента из модуля. Это может быть функция, класс или объект. Используется export default для этого.

// math.js
export default function multiply(a, b) {
  return a * b;
}

4. Импорт по умолчанию: Осуществляется без фигурных скобок. Можно дать импортируемому элементу любое имя.

// main.js
import multiply from './math.js';
console.log(multiply(2, 3)); // 6

5. Динамический импорт: Позволяет загружать модули асинхронно, что полезно для загрузки модулей по требованию. Используется import() для динамического импорта.

// main.js
async function loadModule() {
  const { add } = await import('./utils.js');
  console.log(add(5, 10)); // 15
}
loadModule();

6. Импорт всего содержимого модуля: Иногда нужно импортировать все содержимое модуля под одним именем. Используется import * as для этого.

// main.js
import * as Utils from './utils.js';
console.log(Utils.add(2, 3)); // 5
console.log(`Value of pi: ${Utils.pi}`); // Value of pi: 3.14159

➡️ @code_ready | #техсобес

Ребят, это мой второй канал @roadmap_ready по общему IT. Подписываемся) Также следующий канал будет создан по дизайну, и уже потом каналы по Python и Java

👩‍💻 Программирование теперь в телеграм! Вот обширная база материалов, которая ежедневно обновляется, выбирай своё направление: Обучение JavaScript с нуля Обучение Python с нуля Обучение HTML/CSS с нуля Обучение Java с нуля Обучение C/С++ с нуля Обучение С# с нуля Обучение SQL/GO/PHP с нуля Обучение Kotlin/Swift с нуля ⛓ Архив на 1789ГБ: Курсы, книги, шпаргалки, статьи, видео ресурсы — всё собрано в одном месте: @roadmap_ready

➡️ @code_ready | #мем

👩‍💻 Последние 2 фильтра для картинок Мы с вами уже рассмотрели 11 атрибутов свойства filter в css. Эти 2 - последние в этой рубрике, в следующем посте всё объединю одной шпаргалкой) • Сепия — эффект, достигаемый при использовании оттенков коричневого цвета. Атрибут sepia() преобразует входное изображение в сепию. Принимает значения от 0% (оставляет входные данные неизменными) до 100% (полностью соответствует сепии). • Атрибут drop-shadow() используется не только в свойстве filter. Создает эффект тени к входному изображению. В примере мы используем первые числа 20px — для смещения тени по оси X. Вторые числа 20px — для смещения тени по оси X. 12px — радиус размытия, и последние это цвет тени ➡️ @code_ready | #свойство #css

Говорят, что хороший программист напишет хороший код на любом языке. Но всегда ли хороший код означает быстрый код? И как выбор языка программирования влияет на производительность? Сначала ребята из Merk/daily захотели разобраться в этих вопросах сами и пригласили в гости Александра Нозика — директора центра научного программирования МФТИ, ex-руководителя направления в JetBrains Research и кандидата наук по физике частиц. А потом решили, что таких спикеров нельзя держать в тайне... Завтра, 10 июля, в 18:00 CEST (19:00 GMT+3) вместе с Александром ребята проведут прямой эфир на тему: «Пишут ли хорошие программисты быстрый код?» 🤔 Участие бесплатное, нужно только зарегистрироваться ❤️ https://mercdev.timepad.ru/event/2949941/

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

✅ Интерактивный конвертор валют Это веб-приложение — современный конвертер валют, оно обеспечивает быструю и удобную конвертацию суммы из одной валюты в другую с помощью простого интерфейса 😸 Ссылочка на репозиторий:

https://github.com/TgCodeReady/Code-Ready.-Upload-files/tree/main/Currency%20Converter

➡️ @code_ready | #github

💻 Пролистывая этот пост, вы теряете возможность получить дополнительные средства, которые могли бы быть использованы для новых гаджетов, подписок на полезные сервисы или курсов повышения квалификации. В телеграм-канале InvestFuture подготовлена инструкция о том, как использовать кредитные карты для увеличения дохода 💰💳 В закрепленном сообщении канала подробно описаны все детали: какую карту выбрать, какие действия могут быть рискованными, и, самое главное — как с помощью кредитной карты создать дополнительный источник дохода. Используйте полученные бонусы и кэшбэк на покупку нового оборудования или на обучение новым навыкам! ✅ Переходите по ссылке https://t.me/investfuture и узнайте, как начать зарабатывать на кредитных картах. Реклама. ИП Юхтенко Кира Викторовна. ИНН 780162812750. erid: 2VtzqwLGxCp

html-css-javascript-projects — это репозиторий представляет собой сборник более 100 проектов для веб-разработки, включая готовые коды для создания лендингов, пользовательских интерфейсов и веб-приложений. ⛓ Ссылочка: https://github.com/solygambas/html-css-javascript-projects?tab=readme-ov-file ➡️ @code_ready | #ресурсы

✅ Готовый макет 2rism Оставляю уже готовый макет с кодом: Github (без адаптива) 😸 • Сложность: Лёгкий • Язык: Английский • Адаптив: Нет Ссылка на макет — Figma 👩‍💻 ➡️ @code_ready | #github

Все надоело и пропал интерес, чувствуешь себя амебой и хочется только залипать в телефоне. Бывает? Психолог взрослого человека - канал для айтишников, у которых периодически опускаются руки и отключается мозг, ибо переработки и постоянная тревожность не приводят к другим исходам. ✔️ Как научиться отвлекаться от работы и отдыхать? ✔️ Как совместить кучу рабочих задач и время с семьей? ✔️ Как справиться с прокрастинацией? ✔️ Как не растерять запал, даже если начальник и коллеги 💩 и кажется, что ничего не выходит? Подписывайтесь на канал @vadimpetrov_psy и научитесь работать без упахивания, выгорания и ущерба для личной жизни! 👨🏻‍💻 Псс. Заходите в закреп канала - там много полезного, и даже бесплатный мини-курс.

@code_ready | #мем

👩‍💻 Вопрос с собеседования Как организовать обработку ошибок в JavaScript? Ответ: 1. Использование try...catch: Позволяет ловить и обрабатывать ошибки в блоке кода.

try {
  throw new Error('Что-то пошло не так');
} catch (error) {
  console.log(error.message); // Что-то пошло не так
}

2. Обработка ошибок в промисах: С помощью метода catch.

// Функция возвращает промис
function fetchData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      reject(new Error('Ошибка при получении данных'));
    }, 1000);
  });
}
// Обработка ошибки
fetchData().catch(error => {
  console.log(error.message); // Ошибка при получении данных
});

3. Обработка ошибок в async/await: Используется try...catch внутри асинхронных функций.

// Функция возвращает промис
function fetchData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      reject(new Error('Ошибка при получении данных'));
    }, 1000);
  });
}
// Асинхронная функция с await
async function getData() {
  try {
    const data = await fetchData();
    console.log(data);
  } catch (error) {
    console.log(error.message); // Ошибка при получении данных
  }
}
getData();

➡️ @code_ready | #техсобес

⚡️ Бесплатное обучение 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