Обязательны ли кавычки в URL-адресах?
Кавычки в URL-адресах необязательны и могут быть одинарными или двойными.
Frontend Головного Мозга
Кавычки в URL-адресах необязательны и могут быть одинарными или двойными.
Frontend Головного Мозга
❗️Создайте свое приложение для прогноза погоды всего за 1 час
❓Хотите научиться создавать полезные приложения и работать со сторонними веб-сервисами?
⏰ Ждем вас на открытом вебинаре 4 сентября в 20:00 мск, где мы разберем:
- как работать с API сторонних веб-сервисов на примере создания приложения для прогноза погоды;
- основные принципы работы с API и их интеграции в проекты;
- как расширить функционал приложения и использовать больше браузерных инструментов.
🔥 Урок идеально подходит для тех, кто знает основы JavaScript (циклы, условия, функции, базовая работа с DOM).
Встречаемся в преддверии старта курса «JavaScript Developer. Basic». Все участники вебинара получат специальную цену на обучение!
👉Регистрируйтесь прямо сейчас, чтобы не пропустить мероприятие: https://clck.ru/3Cy6JJ
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru
❓Хотите научиться создавать полезные приложения и работать со сторонними веб-сервисами?
⏰ Ждем вас на открытом вебинаре 4 сентября в 20:00 мск, где мы разберем:
- как работать с API сторонних веб-сервисов на примере создания приложения для прогноза погоды;
- основные принципы работы с API и их интеграции в проекты;
- как расширить функционал приложения и использовать больше браузерных инструментов.
🔥 Урок идеально подходит для тех, кто знает основы JavaScript (циклы, условия, функции, базовая работа с DOM).
Встречаемся в преддверии старта курса «JavaScript Developer. Basic». Все участники вебинара получат специальную цену на обучение!
👉Регистрируйтесь прямо сейчас, чтобы не пропустить мероприятие: https://clck.ru/3Cy6JJ
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru
Что такое правило?
Правило, применимое ко всему листу, а не частично, называется правилом at. Ему предшествует @, за которым следует AZ, az или 0-9.
Frontend Головного Мозга
Правило, применимое ко всему листу, а не частично, называется правилом at. Ему предшествует @, за которым следует AZ, az или 0-9.
Frontend Головного Мозга
This media is not supported in your browser
VIEW IN TELEGRAM
Личный ИИ ассистент знаний
Мик Вайсман запустил бета версию нового проекта Wise.Ai — персонального агента знаний.
🎁 БОТ ДОСТУПЕН ДЛЯ БЕТА-ТЕСТА.
Отправляйте Wise.Ai текст, ссылку на сайт либо ссылку на youtube, и он сделает из них summary в виде текста и в виде аудио, а так же сохранит в вашу личную базу знаний.
Также Wise.Ai позволяет с помощью ИИ находить информацию в личной базе знаний и отвечать на уточняющие вопросы на ее основе.
🎁 Чтобы получить БЕСПЛАТНЫЙ доступ к Wise.Ai:
✅ Подпишитесь на канал wisemantalks
✅ Поставьте «+» в комментариях под последним постом.
В следующих версиях будет добавлено:
⚜️ возможность сгенерировать подкаст из нескольких текстов;
⚜️ дать выбирать голос для сгенерированного подкаста;
⚜️ продвинутуые фильтры и поиск;
⚜️ web версию, чтобы просматривать свою базу знаний.
Подписывайтесь на канал и забирайте доступ к боту.
Мик Вайсман запустил бета версию нового проекта Wise.Ai — персонального агента знаний.
🎁 БОТ ДОСТУПЕН ДЛЯ БЕТА-ТЕСТА.
Отправляйте Wise.Ai текст, ссылку на сайт либо ссылку на youtube, и он сделает из них summary в виде текста и в виде аудио, а так же сохранит в вашу личную базу знаний.
Также Wise.Ai позволяет с помощью ИИ находить информацию в личной базе знаний и отвечать на уточняющие вопросы на ее основе.
🎁 Чтобы получить БЕСПЛАТНЫЙ доступ к Wise.Ai:
✅ Подпишитесь на канал wisemantalks
✅ Поставьте «+» в комментариях под последним постом.
В следующих версиях будет добавлено:
⚜️ возможность сгенерировать подкаст из нескольких текстов;
⚜️ дать выбирать голос для сгенерированного подкаста;
⚜️ продвинутуые фильтры и поиск;
⚜️ web версию, чтобы просматривать свою базу знаний.
Подписывайтесь на канал и забирайте доступ к боту.
Как можно каскадно объединить CSS с личным листом пользователя?
Свойства могут быть установлены в рекомендуемых местах, а документ изменен с помощью CSS для смешивания с личным листом пользователя.
Эти вопросы на собеседовании также помогут вам в устной речи. В каждой отрасли использование веб-сайтов и веб-приложений растет с каждым днем, и CSS является важной частью создания привлекательных веб-сайтов. Таким образом, существует огромный спрос на UI/UX и веб-дизайнеров, хорошо знающих CSS и HTML.
Frontend Головного Мозга
Свойства могут быть установлены в рекомендуемых местах, а документ изменен с помощью CSS для смешивания с личным листом пользователя.
Эти вопросы на собеседовании также помогут вам в устной речи. В каждой отрасли использование веб-сайтов и веб-приложений растет с каждым днем, и CSS является важной частью создания привлекательных веб-сайтов. Таким образом, существует огромный спрос на UI/UX и веб-дизайнеров, хорошо знающих CSS и HTML.
Frontend Головного Мозга
⭐️21 сентября Альфа-Банк проведёт A?.Frontend Day — конференцию, которую вы не захотите пропустить.
📆Когда: 21 сентября с 10:00 до 19:00
📍Где: офлайн в Москве и онлайн
На конференции выступят крутые эксперты, каждый из которых готов поделиться своим опытом и сообщить о новейших разработках:
🧷Вадим Царегородцев из Ostrovok.ru расскажет о Valibot — инструменте, который помогает сделать валидацию данных в JavaScript гибкой и безопасной.
🧷Сергей Попов из Skillbox сообщит о проблемах внедрения изменений в компаниях и предложит способы их решения.
🧷Никита Мамизеров объяснит, как внедряли BDUI в Альфа-Банк, с какими сложностями столкнулись и что в итоге получилось.
🧷Никита Ульшин из Т-банка расскажет о паттернах отказоустойчивости, которые помогут минимизировать риски и обеспечить стабильную работу вашего приложения.
Мы подготовили программу на весь день, на A?.Frontend Day вас ждут: онлайн и офлайн-активности, подарки для участников и, конечно же, афтепати, на котором можно расслабиться после насыщенного дня🍸
Регистрация
Ещё больше полезного в Alfa Frontend Community
📆Когда: 21 сентября с 10:00 до 19:00
📍Где: офлайн в Москве и онлайн
На конференции выступят крутые эксперты, каждый из которых готов поделиться своим опытом и сообщить о новейших разработках:
🧷Вадим Царегородцев из Ostrovok.ru расскажет о Valibot — инструменте, который помогает сделать валидацию данных в JavaScript гибкой и безопасной.
🧷Сергей Попов из Skillbox сообщит о проблемах внедрения изменений в компаниях и предложит способы их решения.
🧷Никита Мамизеров объяснит, как внедряли BDUI в Альфа-Банк, с какими сложностями столкнулись и что в итоге получилось.
🧷Никита Ульшин из Т-банка расскажет о паттернах отказоустойчивости, которые помогут минимизировать риски и обеспечить стабильную работу вашего приложения.
Мы подготовили программу на весь день, на A?.Frontend Day вас ждут: онлайн и офлайн-активности, подарки для участников и, конечно же, афтепати, на котором можно расслабиться после насыщенного дня
Регистрация
Ещё больше полезного в Alfa Frontend Community
Please open Telegram to view this post
VIEW IN TELEGRAM
Ждём вас на открытом вебинаре 3 октября в 20:00 мск, где мы разберем:
- как создать простой color picker с использованием Context API и Composables;
- как передавать состояние родительского компонента к дочерним компонентам;
- как переиспользовать код с помощью создания своих Composables и использования готовых из коллекции VueUse.
Урок для разработчиков, желающих улучшить понимание внутренних механизмов Vue 3, создавать свои компоненты и контролы, а также повысить эффективность разработки за счет переиспользования кода.
Спикер Юрий Тимофеев — опытный разработчик с широким технологическим стеком, преподаватель.
Встречаемся в преддверии старта курса «Vue.js разработчик». Все участники вебинара получат специальную цену на обучение!
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru
Please open Telegram to view this post
VIEW IN TELEGRAM
🎊Как эффективно скалировать Node.js-серверы и улучшить производительность приложений?
Узнайте на открытом вебинаре 2 октября в 20:00 мск, где мы разберем:
- встроенные способы скалирования в Node.js;
- как использовать Docker-контейнеры для скалирования;
- примеры облачных решений и Kubernetes для Node.js.
Спикер Николай Лапшин — опытный архитектор, тимлид, преподаватель и разработчик с широким технологическим стеком.
Встречаемся в преддверии старта курса «Node.js Developer». Все участники вебинара получат специальную цену на обучение!
➡️ ➡️ Регистрируйтесь прямо сейчас, чтобы не пропустить мероприятие: https://clck.ru/3Db9SQ
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
Узнайте на открытом вебинаре 2 октября в 20:00 мск, где мы разберем:
- встроенные способы скалирования в Node.js;
- как использовать Docker-контейнеры для скалирования;
- примеры облачных решений и Kubernetes для Node.js.
Спикер Николай Лапшин — опытный архитектор, тимлид, преподаватель и разработчик с широким технологическим стеком.
Встречаемся в преддверии старта курса «Node.js Developer». Все участники вебинара получат специальную цену на обучение!
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
Please open Telegram to view this post
VIEW IN TELEGRAM
Хотите освоить прогрессивный фреймворк для создания веб-приложений на JS?
➡️ Ждем вас на открытом вебинаре 23 октября в 20:00 мск, где мы разберем:
✔️ архитектурные принципы Nest.Js, включая внедрение зависимостей и модульность;
✔️ как создавать маршруты, контроллеры и использовать middleware;
✔️ как работать с базами данных, включая MongoDB, PostgreSQL и MySQL;
✔️ методы тестирования и отладки приложений Nest.Js.
Спикер Николай Лапшин — опытный архитектор, тимлид, преподаватель и разработчик с широким технологическим стеком.
Встречаемся в преддверии старта курса «Node.js Developer». Все участники вебинара получат специальную цену на обучение!
➡️ Регистрируйтесь прямо сейчас, чтобы не пропустить мероприятие:
https://clck.ru/3DqKxf
Спикер Николай Лапшин — опытный архитектор, тимлид, преподаватель и разработчик с широким технологическим стеком.
Встречаемся в преддверии старта курса «Node.js Developer». Все участники вебинара получат специальную цену на обучение!
https://clck.ru/3DqKxf
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576Please open Telegram to view this post
VIEW IN TELEGRAM
Функция высшего порядка — это функция, которая принимает другую функцию в качестве аргумента или возвращает функцию в качестве результата. В JavaScript функции высшего порядка используются для создания абстракций и для управления поведением других функций.
Пример:
// Функция высшего порядка, принимающая функцию в качестве аргумента
function higherOrderFunction(callback) {
const result = callback(5);
console.log(result);
}
// Функция, передаваемая в качестве аргумента
function multiplyByTwo(num) {
return num * 2;
}
// Вызов функции высшего порядка
higherOrderFunction(multiplyByTwo); // Выведет: 10
Пример:
// Функция высшего порядка, принимающая функцию в качестве аргумента
function higherOrderFunction(callback) {
const result = callback(5);
console.log(result);
}
// Функция, передаваемая в качестве аргумента
function multiplyByTwo(num) {
return num * 2;
}
// Вызов функции высшего порядка
higherOrderFunction(multiplyByTwo); // Выведет: 10
Hook ( хуки )
Хуки (hooks) — это функции, которые позволяют использовать состояние и другие возможности React в функциональных компонентах. Хуки были введены в React версии 16.8. Основные хуки включают:
Основные хуки включают:
useState
useEffect
useContext
useReducer
useMemo
useCallback
useRef
Хуки (hooks) — это функции, которые позволяют использовать состояние и другие возможности React в функциональных компонентах. Хуки были введены в React версии 16.8. Основные хуки включают:
Основные хуки включают:
useState
useEffect
useContext
useReducer
useMemo
useCallback
useRef
useMemo
Возвращает мемоизированное значение. Он используется для оптимизации производительности, предотвращая повторные вычисления значений, которые зависят от входных данных.
Пример:
import React, { useMemo } from 'react';
function ExpensiveComponent({ a, b }) {
const result = useMemo(() => {
// Дорогая вычислительная операция
return a + b;
}, [a, b]);
return <div>{result}</div>;
}
Возвращает мемоизированное значение. Он используется для оптимизации производительности, предотвращая повторные вычисления значений, которые зависят от входных данных.
Пример:
import React, { useMemo } from 'react';
function ExpensiveComponent({ a, b }) {
const result = useMemo(() => {
// Дорогая вычислительная операция
return a + b;
}, [a, b]);
return <div>{result}</div>;
}
useState
Используется для добавления состояния в функциональные компоненты.
Пример:
import React, { useState } from 'react';
function Counter() {
const [count, setCount] = useState(0);
return (
<div>
<p>Вы нажали {count} раз</p>
<button onClick={() => setCount(count + 1)}>Нажми меня</button>
</div>
);
}
Используется для добавления состояния в функциональные компоненты.
Пример:
import React, { useState } from 'react';
function Counter() {
const [count, setCount] = useState(0);
return (
<div>
<p>Вы нажали {count} раз</p>
<button onClick={() => setCount(count + 1)}>Нажми меня</button>
</div>
);
}
useCallback
Возвращает мемоизированную версию коллбека, который изменяется только если изменяются зависимости.
import React, { useCallback, useState } from 'react';
function CallbackComponent() {
const [count, setCount] = useState(0);
const memoizedCallback = useCallback(() => {
console.log(count);
}, [count]);
return <button onClick={memoizedCallback}>Log Count</button>;
}
Возвращает мемоизированную версию коллбека, который изменяется только если изменяются зависимости.
import React, { useCallback, useState } from 'react';
function CallbackComponent() {
const [count, setCount] = useState(0);
const memoizedCallback = useCallback(() => {
console.log(count);
}, [count]);
return <button onClick={memoizedCallback}>Log Count</button>;
}
useContext
Используется для доступа к контексту из функциональных компонентов.
import React, { useContext, createContext } from 'react';
const MyContext = createContext();
function ContextComponent() {
const value = useContext(MyContext);
return <div>{value}</div>;
}
function App() {
return (
<MyContext.Provider value="Hello, world!">
<ContextComponent />
</MyContext.Provider>
);
}
Используется для доступа к контексту из функциональных компонентов.
import React, { useContext, createContext } from 'react';
const MyContext = createContext();
function ContextComponent() {
const value = useContext(MyContext);
return <div>{value}</div>;
}
function App() {
return (
<MyContext.Provider value="Hello, world!">
<ContextComponent />
</MyContext.Provider>
);
}
useEffect
Выполняет побочные эффекты в функциональных компонентах, такие как загрузка данных или изменение DOM.
import React, { useEffect, useState } from 'react';
function DataFetchingComponent() {
const [data, setData] = useState([]);
useEffect(() => {
fetch('https://api.example.com/data')
.then(response => response.json())
.then(data => setData(data));
}, []);
return (
<ul>
{data.map(item => (
<li key={item.id}>{item.name}</li>
))}
</ul>
);
}
Выполняет побочные эффекты в функциональных компонентах, такие как загрузка данных или изменение DOM.
import React, { useEffect, useState } from 'react';
function DataFetchingComponent() {
const [data, setData] = useState([]);
useEffect(() => {
fetch('https://api.example.com/data')
.then(response => response.json())
.then(data => setData(data));
}, []);
return (
<ul>
{data.map(item => (
<li key={item.id}>{item.name}</li>
))}
</ul>
);
}
🗓 6 ноября в 19:00 МСК
🆓 Бесплатно. Урок в рамках старта курса «Практический курс по TypeScript» от Otus.
На вебинаре разберем:
🔗 Ссылка на регистрацию: https://clck.ru/3EHdvi
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576Please open Telegram to view this post
VIEW IN TELEGRAM