Frontend Советы

@frontend_sovet

Frontend советы, примеры и практика!

Frontend Советы (Russian)

Вы занимаетесь веб-разработкой или просто интересуетесь frontend технологиями? Тогда канал "Frontend Советы" идеально подойдет вам! Здесь вы найдете полезные советы, интересные примеры и возможность практиковаться в создании веб-интерфейсов. Канал "Frontend Советы" создан для тех, кто желает постоянно совершенствовать свои навыки в области frontend разработки. В нем вы сможете узнавать о последних трендах в веб-индустрии, изучать новые способы оптимизации кода, а также делиться своими опытом с другими участниками. Благодаря регулярным обновлениям и качественному контенту, вы всегда будете в курсе последних тенденций в мире frontend разработки. Присоединяйтесь к каналу "Frontend Советы" прямо сейчас и начните улучшать свои навыки вместе с нами!

Frontend Советы

26 Oct, 11:30

Как записать несколько выражений в одну строку?

Для этого мы можем использовать оператор "," (запятая). Этот оператор «двигается» слева направо и возвращает значение последнего выражения или операнда.

Если мы выведем значение x в консоль, то получим 27. Сначала мы увеличиваем значение x на единицу (x = 6). Затем вызываем функцию addFive() с параметром 6, к которому прибавляем 5 (x = 11). После этого мы умножаем значение x на 2 (x = 22). Затем вычитаем 5 (x = 17). И, наконец, прибавляем 10 (x = 27).

@frontend_sovet

Frontend Советы

21 Oct, 06:29

Возможности для молодых людей в «Алабуге»

В особой экономической зоне «Алабуга» активно развивается лидерская программа «100 Лидеров». В ней могут поучаствовать молодые специалисты от 19 до 29 лет.

У участников есть возможность познакомиться с топ-менеджерами компании, поиграть в бизнес-игры, пройти собеседования с реальным шансом трудоустройства в компанию «Алабуга».

Питание и проживание за счет компании.

Работа в «Алабуге» - это зарплата от 78 до 200 тысяч рублей и участие в реализации проектов мирового уровня.

Следующий поток - с 28 по 31 октября!
Заявку можно подать на сайте.

Frontend Советы

16 Oct, 05:33

Узнаем время выполнения кода

Чтобы измерить время в микросекундах (не миллисекундах) надо воспользоваться стандартной функцией performance.now(). Она возвращает вещественное число (время от начала выполнения процесса) в милисекундах, а дробная часть есть соответсвенно микросекунды.

@frontend_sovet

Frontend Советы

13 Oct, 21:16

Преобразование в другую систему счисления

Fun fact: перевести число из десятичной системы в другую можно с помощью метода toString, указав желаемое основание системы (от 2 до 36). Для обратного преобразования можно использовать метод parseInt.

@frontend_sovet

Frontend Советы

10 Oct, 11:30

Хотите освоить прогрессивный фреймворк для создания веб-приложений на JS?

➡️Ждем вас на открытом вебинаре 23 октября в 20:00 мск, где мы разберем:

✔️архитектурные принципы Nest.Js, включая внедрение зависимостей и модульность;
✔️как создавать маршруты, контроллеры и использовать middleware;
✔️как работать с базами данных, включая MongoDB, PostgreSQL и MySQL;
✔️методы тестирования и отладки приложений Nest.Js.

Спикер Николай Лапшин — опытный архитектор, тимлид, преподаватель и разработчик с широким технологическим стеком.

Встречаемся в преддверии старта курса «Node.js Developer». Все участники вебинара получат специальную цену на обучение!

➡️

Регистрируйтесь прямо сейчас, чтобы не пропустить мероприятие: https://vk.cc/cCkRCk

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

Frontend Советы

10 Oct, 11:00

Как сделать размытие изображения в css?

Сделать размытие изображения в CSS можно следующим образом:

 <head>
<style>
      img {
        filter: blur(5px);
      }
    </style>
  </head>
  <body>
    <img src="путь к картинке" />
  </body>

@frontend_sovet

Frontend Советы

10 Oct, 10:54

Метод indexOf

Возвращает индекс первого найденного вхождения указанного значения. Поиск ведётся от начала до конца строки. Если совпадений нет, возвращает -1. Вторым параметром можно передать позицию, с которой следует начать поиск.

@frontend_sovet

Frontend Советы

05 Oct, 12:01

Университет Сириус объявляет набор на программу «Современные методы робототехники и теории управления»

На нашей программе ты изучишь:
• современные подходы и методы исследования актуальных проблем механики, робототехники и теории управления;
• познакомишься с постановками актуальных тематических задач в приложениях;
• приобретешь навыки по использованию современных аналитических и численных методов их решения.

Кроме того, это отличная возможность стать частью комьюнити, которое разделяет твою страсть к робототехнике!

Сроки проведения: 11-16 ноября 2024.
Успей подать заявку до 13 октября 2024.

Если ты задался вопросами: «А как я поеду в Сириус? Где я буду там жить?»
У нас есть ответ:
Проживание, проезд/перелет по территории РФ и питание для участников программы осуществляется за счет средств партнера ГК «Росатом».
Плата за обучение на программе не взимается.

Более подробная информация: https://siriusuniversity.ru/admission/educational-modules-and-activities/informatsionnie-tehnologii-i-iskusstvennii-intellekt/sovremennye-metody-robototekhniki-i-teorii-upravleniya/

Frontend Советы

26 Sep, 07:07

Spread

Spread — это специальный оператор в JavaScript, позволяющий расширять выражения в тех местах, где предусмотрено использование нескольких аргументов.

Объясним подробнее: в примере на картинке функция Math.max() не может принять массив arr, т. к. эта функция в принципе не принимает массивы. Оператор spread (три точки — ...) здесь нужен для того, чтобы передать в функцию массив в виде нескольких отдельных значений.

@frontend_sovet

Frontend Советы

16 Sep, 10:01

Ваши автотесты сложно поддерживать и они не всегда надежны? Хотите узнать, как улучшить процесс автоматизации тестирования и повысить качество результатов? 👀

Всего за пару часов вы изучите паттерн Page Object, чтобы сделать тесты структурированными, легко читаемыми и поддерживаемыми. Вы узнаете, как оптимизировать автоматизированные тесты в JavaScript, что повышает их производительность и надежность.

➡️

Присоединяйтесь к открытому вебинару 17 сентября в 20:00 мск!

Спикер Татьяна Березенцева — Senior Automation QA в зарубежной компании Multilogin.

Встречаемся в преддверии старта курса «JavaScript QA Engineer».

Все участники вебинара получат специальную цену на обучение!
➡️Регистрируйтесь прямо сейчас, чтобы не пропустить мероприятие: https://vk.cc/cAPNrh

Frontend Советы

16 Sep, 08:39

Spread

Spread — это специальный оператор в JavaScript, позволяющий расширять выражения в тех местах, где предусмотрено использование нескольких аргументов.

Объясним подробнее: в примере на картинке функция Math.max() не может принять массив arr, т. к. эта функция в принципе не принимает массивы. Оператор spread (три точки — ...) здесь нужен для того, чтобы передать в функцию массив в виде нескольких отдельных значений.

@frontend_sovet

Frontend Советы

15 Sep, 14:01

Когда-нибудь путали align-items и justify-content в CSS Flexbox?

justify-content: выравнивает элементы вдоль направления flex (главная ось).
align-items: в противоположном направлении (перекрестная ось).

@frontend_sovet

Frontend Советы

15 Sep, 12:01

Как создавать код, который легко модифицировать и поддерживать?

Узнайте на открытом вебинаре «Практическое руководство по применению SOLID-принципов» 16 сентября в 20:00 мск, где мы разберем:

- основы и значение каждого из SOLID-принципов;
- пошаговый алгоритм применения SOLID для разработки расширяемого и поддерживаемого кода;
- примеры применения SOLID-принципов для решения реальных задач:
- как минимизировать затраты на изменение требований к ПО, следуя SOLID.

Урок для backend и fullstack-разработчиков, архитекторов ПО и начинающих программистов.

Встречаемся в преддверии старта курса «Архитектура и шаблоны проектирования». Все участники вебинара получат специальную цену на обучение!

Регистрируйтесь прямо сейчас, чтобы не пропустить мероприятие https://vk.cc/cANvep.

Frontend Советы

15 Sep, 11:05

Знаешь ли вы о атрибуте loading="lazy" в HTML?

Он позволяет откладывать загрузку ресурсов, не видимых на экране.

@frontend_sovet

Frontend Советы

03 Sep, 08:30

Наглядная иллюстрация разницы между space-between, space-around и space-evenly (justify-content) в CSS Flexbox.

@frontend_sovet

Frontend Советы

21 Aug, 09:27

Какие возможности и преимущества предлагают Node.js и Deno? Хотите узнать, какая из этих сред лучше подходит для ваших проектов?

Всего за пару часов вы научитесь уверенно использовать Node.js и Deno для создания эффективных и современных приложений. Вы узнаете, какие паттерны и инструменты применять в зависимости от задач.

Присоединяйтесь к открытому вебинару 2 сентября в 20:00 мск.

Урок предназначен для разработчиков, которые хотят использовать среды Node.js и Deno в своей работе.

Встречаемся в преддверии старта курса «JavaScript Developer. Professional». Все участники вебинара получат специальную цену на обучение! Регистрируйтесь прямо сейчас, чтобы не пропустить мероприятие: https://vk.cc/czErJk

Frontend Советы

21 Aug, 08:27

Остаточные параметры (Rest параметры)

Rest параметры дают возможность передать произвольное количество аргументов в функцию, приняв их в массив.

@frontend_sovet

Frontend Советы

20 Aug, 11:58

Как можно клонировать объект?

Можно использовать оператор остатка ....
Можно использовать Object.assign(newObj, oldObj)
Но эти подходы не позволяют выполнить глубокое клонирование. Поэтому если нам нужно клонировать объект со вложенными объектами, мы можем использовать либо метод какой-либо библиотеки (lodash), либо сделать это средствами встроенного объекта JSON.

JSON.parse(JSON.stringify(objectToClone))

@frontend_sovet

Frontend Советы

19 Aug, 09:01

❓Хотите узнать, как эффективно управлять состоянием в React.js с помощью хуков useState и useReducer?

Ждем вас на открытом вебинаре 20 августа в 19:00 мск, где мы разберём:

- основы управления состоянием в React.js с помощью хуков useState и useReducer;
- различия и преимущества использования useState и useReducer;
- практические примеры применения хуков для управления состоянием в реальных приложениях.

Урок будет полезен как новичкам, знакомым с базовыми концепциями React, так и опытным разработчикам, которые хотят улучшить свои навыки управления состоянием.

Встречаемся в преддверии старта курса «React.js Developer». Все участники вебинара получат специальную цену на обучение!

👉 Регистрируйтесь прямо сейчас, чтобы не пропустить бесплатный урок: https://vk.cc/czyfju

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

Frontend Советы

19 Aug, 06:06

Прототипное наследование

Каждый объект имеет свойство prototype, в котором хранится ссылка на его прототип – своего рода хранилище методов и свойств. У прототипа в свою очередь есть свой прототип, к которому объект также имеет доступ "по цепочке".

@frontend_sovet

1,993

subscribers

217

photos

1

videos

Best Similar Channel

Senior Frontend - javascript, html, css

29,220 subscribers

Frontend Portal

22,588 subscribers

@frontendportal

Библиотека программиста (книги для разработчиков)

21,553 subscribers

@programmist_of

Code Ready | Frontend

18,166 subscribers

Программирование {BookFlow}

16,911 subscribers

Книги для Системного Администратора

16,501 subscribers

16,440 subscribers

Английский с нуля🇬🇧

16,226 subscribers

Работа для программистов

13,363 subscribers

React Job | JavaScript | Вакансии

12,489 subscribers

Random Similar Channel

2,021 subscribers

Афиша RS School

3,685 subscribers

@afisharsschool

Книги для программистов C/C++

4,733 subscribers

Книги по Python | Books Python 📚

5,522 subscribers

Node.JS [ru] | Серверный JavaScript

11,149 subscribers

Reactify | Frontend Разработка

4,717 subscribers

2,163 subscribers

1C программист

5,969 subscribers

Старт в IT 🚀 Тренінги, вебінари, курси, стажування

6,715 subscribers

Java Script Работа Вакансии (front)

2,205 subscribers

2,133 subscribers

СЛИВЫ Onlyfans 25.5fm sliv25fm

1,227 subscribers

ТОРГИ | НЕДВИЖИМОСТЬ

1,062 subscribers

2,672 subscribers

любимки фиммис🔒

1,238 subscribers

1,550 subscribers

#мотоТаня ❤️🖤

75,260 subscribers

PARK ROSÉ | BLACKPINK

7,917 subscribers

Строите дом?

1,308 subscribers

☠️Мертвые страницы☠️

15,103 subscribers