Frontend Головного Мозга
8.69K subscribers
586 photos
24 videos
17 files
1.09K links
Фронтендер из сибири, обо всём что связано с frontend разработкой и интересно самому:

Новости, статьи,
Авторские кейсы,
Песочница, готовые UI макеты.
Юмор

Я хочу услышать три главных слова: JS, Angular, Redux

Сотрудничество: @cyberJohnny
Download Telegram
Хотите узнать, как валидировать HTTP-запросы и улучшить процесс тестирования API?

Присоединяйтесь к нашему открытому практическому вебинару 5 июня в 20:00 мск, где мы разберем использование JSON-схем в проекте, процесс документирования API и сравним RAML и Swagger!

Вы получите ответы на вопросы о JSON-схеме, узнаете о популярных библиотеках для валидации и расширите свои знания о тестировании API.

Спикер Дамир Рысаев — опытный разработчик, наставник и преподаватель.

Занятие пройдет в преддверии старта курса «JavaScript QA Engineer». Все участники вебинара получат специальную цену на обучение!

➡️ Ссылка для регистрации: https://clck.ru/3Ap7XG

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru
Хотите прокачаться в фронтенд-разработке на JS?

Ждем вас на открытом практическом уроке «Хуки и оптимизация в React» от OTUS, где мы:

- рассмотрим работу с состоянием в компонентах react;
- напишем большой список инпутов;
- проведем анализ производительности;
- оптимизируем код.

Спикер Игорь Звягин — опытный JS-разработчик.

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

👉 Оставьте заявку прямо сейчас, чтобы посетить бесплатный урок: https://clck.ru/3AkKFR

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru
Почему легко вставить файл, импортировав его?
Импорт позволяет объединять внешние листы и вставлять их во многие листы. Разные файлы и листы могут использоваться для выполнения разных функций. Синтаксис:

Обозначение @import, используемое с tag.

Frontend Головного Мозга
⚛️ Тест на навыки JavaScript-разработчика ⚛️

Ответьте на 30 вопросов и проверьте, обладаете ли вы middle-навыками по JavaScript, знаниями HTML/CSS и на сколько вы готовы к обучению на курсе — «React.js Developer».

За 4 месяца курса вы:
- Досконально изучите TypeScript и будете писать чистый и лаконичный код, применяя эту технологию
- Разовьёте и прокачаете навыки работы в в GraphQL, Apollo, Relay
- Освоите не только продвинутые возможности Redux, Redux-Saga, Redux-thunk, но и SPA-приложения и оптимизацию их для production

Время прохождения теста ограниченно 30 минут

👉 ПРОЙТИ ТЕСТ — https://clck.ru/3Amz4y

💣 Пройдите тест, получите скидку на курс, и записи уроков от преподавателей курса в подарок.

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru
👩‍💻 Как эффективно разрабатывать Web-API на JavaScript?

Узнайте на открытом практическом уроке «Быстрый старт с Express.js. Разработка REST API» от OTUS, где мы построим серверное приложение на платформе Node.js с использованием популярной легковесной библиотеки Еxpress.js и разберем ее основные функции и возможности.

А также рассмотрим:

- введение в веб-серверы;
- описание маршрутов HTTP API;
- связь контроллеров и бизнес-логики;
- миддлвары.

Встречаемся 4 июня в 20:00 мск в преддверии старта курса «JavaScript Developer. Professional».
Все участники вебинара получат специальную цену на обучение!

➡️ Регистрируйтесь прямо сейчас, чтобы не пропустить бесплатный урок: https://clck.ru/3AuMpQ

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
Please open Telegram to view this post
VIEW IN TELEGRAM
Отличить селектор класса от селектора идентификатора?
В то время как селектору класса передается весь блок, селектор идентификатора предпочитает только один элемент, отличающийся от других элементов. Другими словами, идентификаторы уникальны, а классы — нет. Возможно, элемент имеет и класс, и идентификатор.

Frontend Головного Мозга
Можно ли добавить в CSS более одного объявления?
Да, этого можно добиться, используя точку с запятой.


Frontend Головного Мозга
👩‍💻 Стань настоящим гуру в веб-разработке на JS с курсом от OTUS

Пройди тест по JavaScript и проверь свои знания.

Ответишь
— пройдешь на продвинутый курс "JavaScript Developer. Professional" от OTUS по специальной цене + получишь доступ к записям открытых уроков курса курса

👉 ПРОЙТИ ТЕСТ: https://clck.ru/3B6EPh
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
Please open Telegram to view this post
VIEW IN TELEGRAM
Что такое псевдоэлементы?
Псевдоэлементы используются для добавления специальных эффектов к некоторым селекторам. CSS используется для применения стилей в разметке HTML. В некоторых случаях, когда дополнительная разметка или стилизация для документа невозможна, в CSS есть функция, известная как псевдоэлементы. Это позволит внести дополнительную разметку в документ, не нарушая сам документ.


Frontend Головного Мозга
👩‍💻 Хочешь выйти на максимальный уровень в веб-разработке на JavaScript?

Пройди тест по JavaScript и проверь свои знания.

Ответишь
— пройдешь на продвинутый курс "JavaScript Developer. Professional" от OTUS по специальной цене + получишь доступ к записям открытых уроков курса курса

👉 ПРОЙТИ ТЕСТ: https://clck.ru/3BDjHo

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
Please open Telegram to view this post
VIEW IN TELEGRAM
Как отменить подчеркивание гиперссылок?
Операторы управления и внешние таблицы стилей используются для отмены подчеркивания гиперссылок.

Например:

B {

text-decoration: none;

}

<B href="career.html" style="text-decoration: none">link text</B>



Frontend Головного Мозга
Что произойдет, если использовать 100% ширину и плавающие элементы по всей странице?
При объявлении float добавляется 1 пиксель каждый раз, когда он используется в форме границы, и после этого допускается еще большее количество float.
Frontend Головного Мозга
Можно ли восстановить значение свойства по умолчанию с помощью CSS? Если да, то как?
В CSS вы не можете вернуться к старым значениям из-за отсутствия значений по умолчанию. Свойство можно переопределить, чтобы получить свойство по умолчанию.
Frontend Головного Мозга
👩‍💻 Хотите научиться создавать API с использованием GraphQL и NestJS?

Ждём вас на открытом практическом уроке от OTUS, где вы получите теоретические знания о GraphqL и NestJS и практические навыки по созданию и интеграции GraphQL с NestJS.

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

Встречаемся 25 июня в 20:00 мск в преддверии старта курса «JavaScript Developer. Professional».
Все участники вебинара получат специальную цену на обучение!

➡️ Регистрируйтесь прямо сейчас, чтобы не пропустить бесплатный урок: https://clck.ru/3BMk4v

🎁 Только до 23 июня скидка 10%, подробности у наших менеджеров.

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
Please open Telegram to view this post
VIEW IN TELEGRAM
Перечислите различные используемые типы носителей?
Различные носители имеют разные свойства, поскольку они нечувствительны к регистру.

К ним относятся:

Aural – для синтезаторов звука и речи.
Печать – дает предварительный просмотр содержимого при печати.
Проекция — проецирует CSS на проекторы.
Handheld – использование портативных устройств.
Экраны – экраны компьютеров и ноутбуков.
Frontend Головного Мозга