Освойте мощный стек Laravel + React JS и создайте полноценный клон Twitter, проходя путь от основ современного JavaScript до интеграции фронтенда и бэкенда в реальном проекте. Курс идеально подходит тем, кто хочет выйти за рамки теории и научиться создавать динамичные, быстрые и масштабируемые веб‑приложения.
О чем этот курс и почему он вам подойдет
Этот практический курс позволяет разобраться не только в синтаксисе современных технологий, но и в их реальном применении. Вы научитесь создавать удобный интерфейс на React JS, объединять его с Laravel и реализовывать функционал, который используют крупные социальные сети. В процессе обучения вы шаг за шагом создадите свой собственный мини‑Twitter.
Что вы изучите внутри курса
Современный JavaScript и EcmaScript
Перед погружением в React вы разберетесь с ключевыми возможностями JavaScript, которые используются в современных фронтенд‑фреймворках.
Вы научитесь работать с компонентами, состоянием и жизненным циклом приложений на React, а также строить интерфейсы по современным стандартам.
Создание компонентов и работа с props
Использование хуков useState, useEffect
Организация структуры проекта
Интеграция React с Laravel
Вы соедините оба фреймворка в единый рабочий проект, создавая четкое взаимодействие между клиентом и сервером.
Настройка взаимодействия через axios
GET и POST запросы к Laravel API
Работа с кастомными таблицами и моделями
Функционал соцсети и работа в реальном времени
Вы реализуете ключевые механики Twitter, совершенствуя навыки разработки и понимая принципы работы современных платформ.
Система подписок Follow / Unfollow
События в реальном времени через Pusher и Laravel Echo
Обновление интерфейса без перезагрузки страницы
Какие навыки вы приобретете к завершению курса
Пройдя курс, вы почувствуете уверенность в работе с JavaScript, React и Laravel и сможете применять полученные знания в своих проектах или на коммерческой разработке.
Уверенное владение современным JavaScript / EcmaScript
Понимание ключевых принципов React JS
Навыки интеграции фронтенда с Laravel
Умение писать и реиспользовать React‑компоненты
Создание API‑запросов и обработка данных с помощью axios
Работа с событиями в реальном времени
Знание Laravel среднего уровня
Понимание, когда использовать React вместо Vue и наоборот
Кому подойдет этот курс
Начинающим разработчикам, желающим освоить современный стек
Фронтендерам, изучающим backend на Laravel
Фуллстек‑разработчикам, стремящимся работать с React
Тем, кто хочет создать собственное приложение, похожее на Twitter
Итог
После прохождения курса вы сможете самостоятельно создавать современные веб‑приложения и уверенно использовать связку Laravel + React JS в реальных проектах.
Урок 1.00:01:54
Modern JavaScript
Урок 2.00:04:06
Creating variables using const
Урок 3.00:03:48
Creating variables using let
Урок 4.00:05:10
Template strings
Урок 5.00:03:25
Default parameters
Урок 6.00:05:58
Arrow functions
Урок 7.00:10:11
Arrow function and this keyword
Урок 8.00:08:14
Destructuring object
Урок 9.00:02:09
Destructuring an array
Урок 10.00:04:57
Restructuring
Урок 11.00:07:32
Spread and rest operator
Урок 12.00:14:23
Classes constructor and super
Урок 13.00:05:24
Installing react
Урок 14.00:06:23
React files and folders introduction
Урок 15.00:10:59
Storing data in component state via ajax call
Урок 16.00:05:48
Rendering state data using map
Урок 17.00:04:18
Conditional rendering
Урок 18.00:09:36
Imports exports props
Урок 19.00:07:40
Handling click events
Урок 20.00:04:24
Destructuring inline styling and keys
Урок 21.00:06:06
Installing Laravel and database setup
Урок 22.00:06:20
Implement username
Урок 23.00:07:05
Route group, controllers and views
Урок 24.00:07:33
React js scafffolding
Урок 25.00:03:40
Create form in react component
Урок 26.00:05:29
Post model, migration and relationships
Урок 27.00:07:16
Handling form events in react
Урок 28.00:05:32
Make a post request to laravel backend
Урок 29.00:05:50
Create post and response json
Урок 30.00:11:54
Show the tweets in timeline
Урок 31.00:02:56
Merging tweets in the state and render
Урок 32.00:02:58
Render tweets
Урок 33.00:05:47
User avatar
Урок 34.00:08:39
User profile
Урок 35.00:08:42
Follow functionality
Урок 36.00:03:18
Show follow or unfollow
Урок 37.00:06:48
Implement follow functionality
Урок 38.00:03:19
Implement unfollow functionality
Урок 39.00:05:53
Showing the list of following
Урок 40.00:04:58
Showing the list of followers
Урок 41.00:11:05
Json response of posts
Урок 42.00:05:36
Loading component
Урок 43.00:07:21
Making it real time using setInterval
Урок 44.00:05:16
Real time setup with pusher and laravel echo
Урок 45.00:11:34
Event Broadcasting for real time updates
Урок 46.00:09:23
Real time posts to specific user based on following
Udemy — одна из самых масштабных платформ в мире, предлагающая обучающий контент от авторов и экспертов со всего света. Сервис объединяет миллионы учеников и десятки тысяч преподавателей, создающих курсы на самые разнообразные темы.Основные возможности платформыШирокий выбор тем: от программирования и дизайна до маркетинга, психологии и личной эффективности.Глобальное сообщество авторов: материалы создаются специалистами из разных стран.Удобный ф