Forwarded from React Frontend | YeaHub
#interview #summary
Проходим собеседование
Сегодня предлагаем закрепить знания. Пройдем небольшое собеседование. Сначала постарайтесь ответить на вопросы самостоятельно, а уже потом посмотреть ответы.
Какие существуют CSS-селекторы?
Какие в CSS есть единицы измерения?
Что такое DOCTYPE и зачем он нужен?
Зачем для тега <noscript> добавляют атрибуты async и defer?
Что такое LocalStorage, SessionStorage, cookies, и чем они отличаются?
Как клиент взаимодействует с сервером?
Чем управляемые компоненты отличаются от неуправляемых?
Какие особенности имеют хуки useEffect и useLayoutEffect?
Что такое Set и Map?
В чем разница между git merge и git rebase?
Что такое Promise в JavaScript?
Что такое requestAnimationFrame?
Проходим собеседование
Сегодня предлагаем закрепить знания. Пройдем небольшое собеседование. Сначала постарайтесь ответить на вопросы самостоятельно, а уже потом посмотреть ответы.
Какие существуют CSS-селекторы?
Какие в CSS есть единицы измерения?
Что такое DOCTYPE и зачем он нужен?
Зачем для тега <noscript> добавляют атрибуты async и defer?
Что такое LocalStorage, SessionStorage, cookies, и чем они отличаются?
Как клиент взаимодействует с сервером?
Чем управляемые компоненты отличаются от неуправляемых?
Какие особенности имеют хуки useEffect и useLayoutEffect?
Что такое Set и Map?
В чем разница между git merge и git rebase?
Что такое Promise в JavaScript?
Что такое requestAnimationFrame?
👍6🔥2❤1
Новое видео на канале!
Все о функциях в JavaScript
Всем хороших выходных🤝😊
0:00 - Что такое функции
0:19 - Создание функции
1:00 - Возврат, return
1:20 - Параметры и аргументы
1:55 - Пример, генерация пароля
3:05 - Пример, рецепт пирожков
6:40 - Область видимости, объявление функций
8:00 - Концепция, логика
8:30 - Методы
10:00 - Реализация методов
11:07 - Function Declaration и Function Expression
11:20 - Всплытие (hoisting)
12:33 - Анонимные функции
13:08 - IIFE
13:25 - Стрелочные функции, this, arguments
17:24 - Переменные, затенение
18:30 - Значения по умолчанию
18:45 - Именование функций
20:20 - return, break, циклы, условия
21:00 - callback
21:20 - setTimeout и setInterval
21:48 - Чистая функция
22:35 - Замыкание
23:13 - Фабрика функций
23:40 - Каррирование
24:05 - Ассинхронность, async, await
24:26 - Декораторы
24:41 - Генераторы
24:56 - Функции высшего порядка
25:26 - Рекурсия
https://youtu.be/XyeS37LbNyU
Все о функциях в JavaScript
Всем хороших выходных🤝😊
0:00 - Что такое функции
0:19 - Создание функции
1:00 - Возврат, return
1:20 - Параметры и аргументы
1:55 - Пример, генерация пароля
3:05 - Пример, рецепт пирожков
6:40 - Область видимости, объявление функций
8:00 - Концепция, логика
8:30 - Методы
10:00 - Реализация методов
11:07 - Function Declaration и Function Expression
11:20 - Всплытие (hoisting)
12:33 - Анонимные функции
13:08 - IIFE
13:25 - Стрелочные функции, this, arguments
17:24 - Переменные, затенение
18:30 - Значения по умолчанию
18:45 - Именование функций
20:20 - return, break, циклы, условия
21:00 - callback
21:20 - setTimeout и setInterval
21:48 - Чистая функция
22:35 - Замыкание
23:13 - Фабрика функций
23:40 - Каррирование
24:05 - Ассинхронность, async, await
24:26 - Декораторы
24:41 - Генераторы
24:56 - Функции высшего порядка
25:26 - Рекурсия
https://youtu.be/XyeS37LbNyU
YouTube
Функции в JavaScript. 30+ концепций в одном видео
В этом видео мы рассмотрели основные аспекты функций в JavaScript, которые включают в себя различные способы их объявления, такие как Function Declaration и Function Expression.
Мы также углубились в различные типы функций: методы объектов, стрелочные функции…
Мы также углубились в различные типы функций: методы объектов, стрелочные функции…
🔥36👍7💯4❤1
Forwarded from Айтишница Даша
- Почему нельзя просто написать функцию в React?
- Можно, если это чистая функция
- А если нет?
function MyComponent() {
const [data, setData] = useState(null);
const fetchData = async () => {
const response = await fetch(url)
const data = await response.json()
setData(data)
};
fetchData()
return <div>Loading...</div>
}fetchData обращаемся к серверу за данными.setData.fetchData вызывается снова.В результате у нас получается бесконечный цикл !
useEffect(() => {наша функция} , [массив зависимостей])Содержит список всех переменных, от которых зависит эффект:
[]Эффект выполнится один раз при монтировании компоненты.
[props, state, context]Если эти значения изменятся, эффект будет запущен снова. Также сюда можно включить глобальные переменные.
Перепишем наш запрос для получения погоды:
import { useState, useEffect } from 'react';
function MyComponent() {
const [data, setData] = useState(null)
const fetchData = async () => {
const response = await fetch(url)
const data = await response.json()
setData(data)
}
useEffect(() => {
fetchData()
}, [])
return data ? <div>{data}</div> : <div>Loading...</div>
}Как мы решили проблему?
(Часть 1)
#react
Please open Telegram to view this post
VIEW IN TELEGRAM
👍25🔥5❤2😁1
Всем привет! Вот и прошли праздники, хорошо отдохнул. За неделю произошло множество значимых событий в моей жизни.
Я заряжен и мотивирован. YeaHub развивается, дела идут. Скоро с ребятами с менторства начнем искать работу. Усиленно готовимся к собеседованиям, много практикуемся, прокачиваем мидловские навыки.
Также сейчас создаю себе систему заметок "Второй мозг". Уж слишком много информации через меня проходит, много дел. Хочу повысить продуктивность. Использую для этого Notion.
Буду теперь ставить четкие цели и день за днем их выполнять. Много идей для видео. Уже не терпится начать.
Как у вас дела? Что нового?
Я заряжен и мотивирован. YeaHub развивается, дела идут. Скоро с ребятами с менторства начнем искать работу. Усиленно готовимся к собеседованиям, много практикуемся, прокачиваем мидловские навыки.
Также сейчас создаю себе систему заметок "Второй мозг". Уж слишком много информации через меня проходит, много дел. Хочу повысить продуктивность. Использую для этого Notion.
Буду теперь ставить четкие цели и день за днем их выполнять. Много идей для видео. Уже не терпится начать.
Как у вас дела? Что нового?
👍16❤3🔥2
эх
а ведь я всего лишь сказал, что не нужно откликаться на вакансии, если вы еще не готовы)
Не нужно откликаться на Реакт разработчика, если вы еще не изучили Реакт)))
Не надо откликаться, если вы еще не можете простое приложение сделать
Как у ребят подгорает
https://www.youtube.com/shorts/xUq7378vlik
а ведь я всего лишь сказал, что не нужно откликаться на вакансии, если вы еще не готовы)
Не нужно откликаться на Реакт разработчика, если вы еще не изучили Реакт)))
Не надо откликаться, если вы еще не можете простое приложение сделать
Как у ребят подгорает
https://www.youtube.com/shorts/xUq7378vlik
😁10👍5🔥1
В конце мая два моих ученика начнут искать работу, и я буду сопровождать их на каждом этапе этого пути. Мы усердно готовились: решали задачи, изучали и разбирали вопросы, практиковались и проводили сессии лайвкодинга.
Сегодня я организую вебинар с участием HR-специалиста для своих учеников. Залифа (@HR_Zalifa) расскажет о процессе трудоустройства, поделится полезными советами, проверит резюме каждого и составит чеклист с рекомендациями. Конечно, она также ответит на все вопросы.
Наши ребята уже справляются с большими задачами, анализируют чужой код и работают в команде. Их уровень подготовки действительно высок. Это совсем не то, что просто добавить в резюме три года опыта после курсов 😎
Скоро я попрошу знакомых провести для них тренировочные собеседования. Ребята уже привыкли ко мне, так что пора добавить немного стресса.
Буду делиться процессом их поиска работы. Обещаю, будет интересно! 💪
Спасибо Залифе, что согласилась провести вебинар.💪
https://news.1rj.ru/str/it_coach1
Сегодня я организую вебинар с участием HR-специалиста для своих учеников. Залифа (@HR_Zalifa) расскажет о процессе трудоустройства, поделится полезными советами, проверит резюме каждого и составит чеклист с рекомендациями. Конечно, она также ответит на все вопросы.
Наши ребята уже справляются с большими задачами, анализируют чужой код и работают в команде. Их уровень подготовки действительно высок. Это совсем не то, что просто добавить в резюме три года опыта после курсов 😎
Скоро я попрошу знакомых провести для них тренировочные собеседования. Ребята уже привыкли ко мне, так что пора добавить немного стресса.
Буду делиться процессом их поиска работы. Обещаю, будет интересно! 💪
Спасибо Залифе, что согласилась провести вебинар.💪
https://news.1rj.ru/str/it_coach1
Telegram
IT карьера с Залифой: рост, деньги, смысл
Карьерный коуч и HR в IT 10+ лет
Мои клиенты уже в Яндексе, Сбере, МТС
Веду группы по дисциплине и поиску работы.
Здесь сообщество силы,где вы вырабатываете дисциплину,уверенность, растёте в доходе на 30%+ и получаете карьеру, которая даёт вам свободу)
Мои клиенты уже в Яндексе, Сбере, МТС
Веду группы по дисциплине и поиску работы.
Здесь сообщество силы,где вы вырабатываете дисциплину,уверенность, растёте в доходе на 30%+ и получаете карьеру, которая даёт вам свободу)
👍11🔥4❤1🤔1
Всем привет. Может есть желающие поучаствовать в собеседовании? Длительность 30-50 минут.
Хочу чтобы ребята с обучения провели собеседование, потренировались и набрались уверенности.
Уровень: Знание HTML, CSS, JavaScript, React, TypeScript
Проведем на выходных. Созвонимся в Google Meets
Нужны 2 человека. Душнить не будем, просто поболтаем, зададим вопросы начиная с верстки и заканчивая экосистемой React.
По желанию запишем собес и я выложу в YouTube с вашего согласия
Итоги: 10.05.2024 17:00
Хочу чтобы ребята с обучения провели собеседование, потренировались и набрались уверенности.
Уровень: Знание HTML, CSS, JavaScript, React, TypeScript
Проведем на выходных. Созвонимся в Google Meets
Нужны 2 человека. Душнить не будем, просто поболтаем, зададим вопросы начиная с верстки и заканчивая экосистемой React.
По желанию запишем собес и я выложу в YouTube с вашего согласия
Итоги: 10.05.2024 17:00
👍19🔥4❤3
Поделитесь мнением. Неужели плохое видео? 😢
Вроде монтаж неплохой, много примеров, без воды, почти все о функциях рассказал. Все концепции разобрал.
Что не так? 🤷♂️
https://youtu.be/XyeS37LbNyU?si=AC4XoGAs3RtRiJX3
Вроде монтаж неплохой, много примеров, без воды, почти все о функциях рассказал. Все концепции разобрал.
Что не так? 🤷♂️
https://youtu.be/XyeS37LbNyU?si=AC4XoGAs3RtRiJX3
YouTube
Функции в JavaScript. 30+ концепций в одном видео
В этом видео мы рассмотрели основные аспекты функций в JavaScript, которые включают в себя различные способы их объявления, такие как Function Declaration и Function Expression.
Мы также углубились в различные типы функций: методы объектов, стрелочные функции…
Мы также углубились в различные типы функций: методы объектов, стрелочные функции…
👍9🔥3😢1
Новое видео на канале!
Собеседую ученика. Вроде держится молодцом. Как считаете?
https://youtu.be/fNhEAnp3ntw
Собеседую ученика. Вроде держится молодцом. Как считаете?
https://youtu.be/fNhEAnp3ntw
YouTube
Frontend Собеседование с разбором. Путь к трудоустройству 2024
В этом видео представлено тестовое собеседование фронтенд-разработчика, где кандидат отвечает на вопросы, связанные с основами HTML, CSS и JavaScript. Обсуждаются темы, такие как структура HTML-страницы, семантические теги, методы предотвращения схлопывания…
🔥10👍5💯2🤝1
Функции в JavaScript. 30+ концепций в одном видео
Как вам новое превью?
Видео без воды, рассмотрены практически все концепции функций в JavaScript. Хочу немного бустануть видео, чтобы проверить новое превью. Проведите выходные с пользой, уделите 25 минут времени, изучите что-то новое сегодня 😎
Записываю для вас годное видео на выходных! На неделе выпущу! Всех хороших выходных🤝
https://youtu.be/XyeS37LbNyU?si=hQr6zVj7_fuWSGXl
Как вам новое превью?
Видео без воды, рассмотрены практически все концепции функций в JavaScript. Хочу немного бустануть видео, чтобы проверить новое превью. Проведите выходные с пользой, уделите 25 минут времени, изучите что-то новое сегодня 😎
Записываю для вас годное видео на выходных! На неделе выпущу! Всех хороших выходных🤝
https://youtu.be/XyeS37LbNyU?si=hQr6zVj7_fuWSGXl
👍19🔥7❤1💯1
Кстати, с момента выхода видео, roadmap обновлялся пару раз. Добавил больше ресурсов и технологий.
Ссылка на Figma
Ссылка на видео
#roadmap
Ссылка на Figma
Ссылка на видео
#roadmap
Figma
ПЛАН РАЗВИТИЯ | РЕСУРСЫ ДЛЯ ОБУЧЕНИЯ | ROADMAP | FRONTEND
Created with FigJam
❤12👍2🔥2