GraphQL
ITVDN: курсы программирования
Видеокурсы по
программированию
Подписка

300+ курсов по популярным IT-направлениям

Выбери свою IT специальность

Подписка
Подписка

300+ курсов по популярным IT-направлениям

×

Вы открыли доступ к тесту! Пройти тест

Вы действительно хотите открыть доступ к тестированию по курсу React Углубленный на 40 дней?

ВИДЕОУРОК №12. GraphQL

Для просмотра полной версии видеокурса, онлайн тестирования и получения доступа к дополнительным учебным материалам купите курс Купить курс
Для просмотра всех видеокурсов ITVDN, представленных в Каталоге, а также для получения доступа к учебным материалам и онлайн тестированию купите подписку Купить подписку

На первом уроке мы рассмотрим общий план уроков курса. Вы научитесь создавать React-проект на основе TypeScript. Сможете добавить роутинг с помощью библиотеки React Router. Рассмотрите способ настройки базового Redux store с простым редюсером для отображения списка элементов. Также создадите компонент для отображения информации о фильмах и настроите стиль СSS для него.

Читать дальше...

На уроке вы рассмотрите, что такое CSS препроцессоры на примере Sass. Научитесь использовать CSS модули и писать базовые @media запросы. Настроите стили для карты фильма и layout страницы.

Читать дальше...

Рассмотрим UI библиотеки, их типы и преимущества. Сделаем обзор двух популярных UI-библиотек Material UI и Bootstrap. Познакомимся с подходом CSS-in-JS, его преимуществами и недостатками. Рассмотрим базовые возможности библиотек emotion и styled-components.

Читать дальше...

На уроке познакомимся с TMDB API, чтобы отобразить список фильмов. Настроим developer account и получим token. Сделаем запрос в Now Playing API с нашего проекта с помощью fetch. Сохраним список фильмов в Redux Store. В конце подключим библиотеку Material UI и используем ее компоненты вместо ручной стилизации.

Читать дальше...

На уроке рассмотрим использование контекста в React вместе с useContext хуком. Научимся использовать хук useRef. Применим порталы для рендеринга вне поддерева элемента. Рассмотрим дополнительно error boundary для обработки ошибок в компонентах.

Читать дальше...

Научитесь создавать собственные (кастомные) хуки на примере useIntersectionObserver для загрузки фильмов во время скроллинга страницы. Посмотрите на потенциальный memory leak при использовании useEffect.

Читать дальше...

Вспомним главные особенности HTML форм. Ознакомитесь с общими концепциями библиотек Formik и React Hook Form и их отличиями. Создадите форму для фильтрации фильмов с помощью React Hook Form и компонентов Material UI.

Читать дальше...

Рассмотрим понятия мемоизации на примере React.memo, useMemo и useCallback. Посмотрим, когда следует и не следует применять React.memo и какие преимущества она дает. Используем эти функции в нашем проекте на практике.

Читать дальше...

На уроке мы познакомимся с React Developer Tools для исследования дерева компонентов и профайлинга. Также рассмотрим альтернативные способы программного профайлинга части дерева компонентов. Научимся использовать React.lazy и Suspense для динамической загрузки модулей. Дополнительно посмотрим возможности React Router для динамической загрузки маршрутов.

Читать дальше...

Рассмотрим проблемы, возникающие при работе с core Redux библиотекой на примере кода boilerplate. Познакомимся с библиотекой Redux Toolkit, которая призвана решить эти проблемы. Посмотрим на возможности RTK Query для загрузки данных в приложениях Redux.

Читать дальше...

На уроке перепишем Redux store и запросы в API, используя RTK Query. Рассмотрим способ реализации infinite scroll с помощью RTK Query. Также будем использовать Redux DevTools для исследования запросов в store.

Читать дальше...

Познакомимся с языком запросов GraphQL и основными элементами синтаксиса для запросов и изменения данных на сервере. Рассмотрим систему типов GraphQL для создания схемы данных.

Обсудим популярные библиотеки для работы с GraphQL React и научимся на практике делать запросы.

Читать дальше...

Рассмотрим понятие аутентификации и авторизации. Добавим возможность логина через постороннюю identity provider на примере Auth0. Создадим частные маршруты для защиты страниц, требующих логину. Познакомимся с протоколом OpenID Connect и JWT токенами. Научимся делать запросы к API, что требует авторизации через access токены.

Читать дальше...

Познакомимся с концепцией Server-side Rendering (SSR) и сравним ее с привычным рендерингом. Рассмотрим Server React DOM APIs и hydration, позволяющие реализовать SSR. Выполним обзор React meta-frameworks (Next.js, Remix и др.). и их роль в SSR. Рассмотрим React Server Components и их отличие от обычного Server-side Rendering.

Читать дальше...

Поговорим о том, какие преимущества дает написание тестов разработчику. Рассмотрим основные типы тестов и их применение в frontend-приложениях. Познакомимся с Jest Testing Framework и его альтернативами. Научимся тестировать компоненты с помощью React Testing Library.

Читать дальше...
ПОКАЗАТЬ ВСЕ

Отзывы наших студентов

DOU

Отзывы в DOU

4,9/5 - 200 отзывов

Володимир Бурцев
Володимир Бурцев
5/5
Я вже не новачок у розробці. Проте вивчав Java, а працювати почав на іншій мові. Багато чого важливого і навіть базового позабував, а тут за допомогою ретельного проходження по всім пунктам і аспектам згадую все що потрібно і не висмикуючи з контексту, а послідовно щоби нічого не пропустити. Тут дуже багато окремих гілок за обраним напрямком. Був би час 🙂 PS записи трошки вкрилось пилом і часто зустрічаю помилки/обмовки, але в цілому на якість це не впливає. РАДЖУ!
Почитать оригинал
Facebook

Отзывы в Facebook

5,0/5 - 707 отзывов

Маис Расулов
Маис Расулов
5/5
Отличный курс, советую всем
Почитать оригинал
Google

Отзывы в Google

4,9/5 - 836 отзывов

Юрий Казимирко
Юрий Казимирко
5/5
Прошел курс C# 8.0 СТАРТОВЫЙ. Курс классный! Преподаватель этого курса Александр Шевчук. У него классная чёткая подача учебного материала. Понравилась учебная платформа (сайт) ITVDN, она удобная.
Почитать оригинал

Покупай подпискус доступом ко всем курсам и сервисам

Библиотека современных IT знаний в удобном формате

Выбирай свой вариант подписки в зависимости от задач, стоящих перед тобой. Но если нужно пройти полное обучение с нуля до уровня специалиста, то лучше выбирать Базовый или Премиум. А для того чтобы изучить 2-3 новые технологии, или повторить знания, готовясь к собеседованию, подойдет Пакет Стартовый.

Стартовый
  • Все видеокурсы на 3 месяца
  • Тестирование по 10 курсам
  • Проверка 5 домашних заданий
  • Консультация с тренером 30 мин
59.99 $
Оформить подписку
Премиум Plus
  • Все видеокурсы на 1 год
  • Тестирование по 24 курсам
  • Проверка 20 домашних заданий
  • Консультация с тренером 120 мин
  • Скачивание видео уроков
149.99 $
199.99 $
Оформить подписку
Акция
Базовый
  • Все видеокурсы на 6 месяцев
  • Тестирование по 16 курсам
  • Проверка 10 домашних заданий
  • Консультация с тренером 60 мин
89.99 $
Оформить подписку

Вопросы и ответы

В чём преимущество онлайн курсов программирования по сравнению с оффлайн?
Какова стоимость обучения?
Сколько времени понадобится, чтобы овладеть программированием?
Сколько времени понадобится, чтобы овладеть IT-специальностью?
С какого курса начинать обучение?
Как управлять своим временем и организовать эффективное онлайн-обучение с тренером?
Есть ли у вас помощь с трудоустройством после окончания обучения?
Возможно ли персональное обучение с тренером ITVDN?
С какого возраста можно учиться на платформе?
Нужны ли знания английского языка для обучения?
Какого уровня можно достичь, пройдя обучение по специальности?
Когда закончится подписка, что дальше? Доступа к урокам не будет?
Суммируются ли скидки на покупку подписки?
В чём преимущество онлайн курсов программирования по сравнению с оффлайн?

Онлайн курсы имеют ряд преимуществ перед оффлайн форматом:

  1. Независимость от локации. Онлайн позволяет учиться где угодно.
  2. Сохранение денег и времени на дорогу. Вы экономите время и деньги с поездок на курсы и обратно.
  3. Онлайн курсы дешевле. Нет нужды в помещении и ноутбуках для студентов, поэтому стоимость ниже.
  4. Удобный темп обучения, постоянный доступ к информации. Обучение в вашем темпе в любом месте 24/7. Также есть доступ к записанным урокам, чего нет в оффлайн формате.
Какова стоимость обучения?

На ITVDN есть 2 формата обучения: Live Online и видео курсы. Цена обучения зависит от выбранного вами способа обучения.

Если вы хотите учиться самостоятельно в формате видео курсов, стоимость обучения составит в среднем 10-15 USD в месяц в зависимости от выбранного вами пакета подписки.

Live Online – это онлайн обучение с тренером в группах вместе с другими студентами. Учеба в данном формате стоит в среднем 6-7 USD за один час.

Сколько времени понадобится, чтобы овладеть программированием?

Зависит от того, сколько внимания программированию вы будете выделять ежедневно, какой именно это язык и какой у вас опыт кодинга. Среднее время на овладение одним языком при условии регулярных занятий хотя бы 2 часа в день:

  • новички – от 3 до 6 месяцев;
  • те, кто имеет базовые знания другого языка – от 1 до 3 месяцев;
  • профессиональные программисты – до 1 месяца.

Самый лучший вариант инвестиции времени – 8 часов ежедневно (20% теории + 80% практики). Больше практики – быстрее овладеете программированием.

Сколько времени понадобится, чтобы овладеть IT-специальностью?

Для овладения IT-специальностью нужно выделить не менее 500 часов, из которых около 100 часов – на просмотр видео уроков или посещение онлайн занятий с ментором, а 400 – на выполнение практических заданий по пройденным темам.

В зависимости от того, сколько времени вы готовы выделять на обучение в день, вы сможете пройти программу за 3-8 месяцев. Если у вас есть определенная база знаний по IT, количество необходимого времени будет меньшим.

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

С какого курса начинать обучение?

Начинать следует с тех, которые содержат в названии слово “Стартовый”. Такие курсы имеют вводный материал для знакомства с языком или технологией.

Если вы планируете учиться по конкретной специальности в формате видео курсов, перейдите на страницу специальности и прокрутите до заголовка “Видео курсы по специальности …”. Ниже будет список видео курсов, отсортированных в порядке необходимости изучения.

Ещё ниже вы найдете Roadmap по специальности – путеводитель, на котором изображены видео курсы в виде дерева, что также легко сориентирует вас в последовательности прохождения курсов.

Как управлять своим временем и организовать эффективное онлайн-обучение с тренером?

Если вы выбираете Live Online обучение с тренером, всё очень просто:

  • посещайте все занятия, вовремя выполняйте д/з;
  • дополнительно смотрите видео уроки на ITVDN;
  • после каждого урока проходите краткое тестирование;
  • практикуйтесь в Интерактивном практикуме;
  • общайтесь с одногруппниками в ходе решения д/з, задавайте вопросы ментору на уроках и вне их;
  • в конце каждого курса сдавайте экзамен на TestProvider (и получайте Сертификаты);
  • в конце всего обучения проходите экзамен по специальности и получите диплом.
Есть ли у вас помощь с трудоустройством после окончания обучения?

Мы имеем специальный раздел – “Вакансии”, который помогает нашим студентам искать первую работу в IT. Детальнее о возможностях и о разделе по ссылке.

А для тех, кто учится онлайн с ментором, у нас дополнительно предусмотрена индивидуальная помощь HR-специалиста по подготовке к трудоустройству с первого дня обучения и до получения первого job-оффера. Она включает в себя помощь в оформлении соцсетей, подготовке резюме, проведении пробного собеседования, предоставлении советов по поиску работы и самопрезентации и т. д.

Возможно ли персональное обучение с тренером ITVDN?

К сожалению, данная услуга ITVDN не предусмотрена, однако вы можете заказать индивидуальную консультацию с нашим ментором. Подробности вы найдете по ссылке.

С какого возраста можно учиться на платформе?

На ITVDN отсутствуют курсы для детей, поэтому комфортный возраст для начала обучения по нашим материалам – от 14 лет.

Нужны ли знания английского языка для обучения?

Никаких требований к вашему уровню английского мы не выдвигаем, поскольку все учебные материалы идут на русском или украинском языках. При этом базовые знания английского будут полезны для комфортного поиска информации в гугле, чтения документаций в интернете и прочего.

Какого уровня можно достичь, пройдя обучение по специальности?

На ITVDN можно пройти полное обучение с нуля до специалиста уровня Trainee/Junior. Если вы уже практикующий разработчик, наши видео курсы помогут углубить ваши знания до уровня Middle.

Когда закончится подписка, что дальше? Доступа к урокам не будет?

После окончания действия вашей подписки доступ к видео курсам, к сожалению, будет закрыт. Однако вы сможете пользоваться теми учебными материалами, которые вы скачали на свой девайс во время обучения.

Суммируются ли скидки на покупку подписки?

Нет, скидки не суммируются.

Notification success