Независимо от того, работаете ли вы и ваша команда над существующим веб-приложением масштаба предприятия или только что придумали потрясающую идею для нового проекта, единственное, что вас отделяет от достижения ваших целей - это эффективность.
Конечно, вы можете попытаться преодолеть все трудности и добраться до конечной цели любым путем, но какова будет цена? Потеря времени, израсходованная энергия, стресс и даже потеря доверия пользователей.
Не будем этим заморачиваться.
Вы хотите довести свой проект до состояния, в котором его легче поддерживать, и добиться того, чтобы ваша команда была на одной волне. Начните новый проект на крепком фундаменте или устраните недостатки в существующем.
Epic Web поможет вам и вашей команде создать отличное пользовательское взаимодействие, которое легко поддерживать.
Привет, меня зовут Кент. Как веб-разработчик с опытом более десяти лет, я создавал приложения всех масштабов: предприятий, стартапы с десятками пользователей, внутренние инструменты и приложения крупных технологических компаний с миллионами пользователей. Мне удалось всегда следить за тем, что ожидают пользователи от приложений. Вы знаете это чувство, когда приложение предоставляет вам современный пользовательский опыт, который просто работает? Я знаю, как довести ваше приложение до этого уровня. И вот в чем суть.
Я не могу быть более рад приветствовать вас на этом курсе. Мои учебные материалы и программное обеспечение с открытым исходным кодом нашли отклик у большого числа разработчиков. Разработчики применяют мои идеи в своих приложениях и получают новые рабочие места, повышение, увеличение продаж и уменьшение стресса от доставки.
Это не краткосрочный курс. Это не "Веб-разработка 101".
Epic Web - это погружение в полный стек разработки с использованием современных технологий для создания пользовательских интерфейсов высшего класса на уровне коллаборативной поддерживаемости и простоты, которые вы никогда раньше не видели.
Этот цикл мастер-классов ведет вас от фронтенда к бэкенду при создании приложения Epic Stack с нуля. Супер-практические упражнения. Мы пошагово создаем эпические веб-приложения.
Вы начнете с импорта таблицы стилей, а затем перейдете к загрузке файлов. Вы разработаете схему базы данных и взаимодействуете с ней с помощью SQL. Вы создадите систему аутентификации пользователей и протестируете ее с помощью автоматических тестов. И это далеко не все.
Что включено:
Основы Full Stack
7 РАЗДЕЛОВ, 30 УПРАЖНЕНИЙ
Стилизация: Современные методики управления CSS.
Маршрутизация: Планирование и реализация навигации по URL.
Загрузка данных: Стратегии загрузки и отображения данных.
Мутации данных: Безопасное выполнение операций CRUD.
SEO: Обеспечение органического обнаружения контента страницы.
Обработка ошибок: Эффективные стратегии без двусмысленности.
Профессиональные веб-формы
8 РАЗДЕЛОВ, 22 УПРАЖНЕНИЯ
Проверка ввода: Проверка ввода пользователя в реальном времени на основе схемы.
Доступность: Создание форм, которые удобны для всех пользователей.
Загрузка файлов: Поддержка не только текста в ваших формах.
Сложные структуры данных: Уверенная работа с вложенными данными.
Безопасность форм: Защита от спама, XSS и других злонамеренных атак.
Вдумчивое проектирование данных
9 РАЗДЕЛОВ, 22 УПРАЖНЕНИЯ
- Схема базы данных: Создание надежной архитектуры базы данных с учетом будущей гибкости.
- Отношения: Знание, что и когда для один-к-одному, один-ко-многим, многие-ко-многим.
- Миграции: Плавный переход ваших данных.
- Засев: Заполнение начальными данными для сред разработки и тестирования.
- Оптимизация запросов: Извлечение данных как можно более эффективно.
Веб-аутентификация
21 РАЗДЕЛ, 64 УПРАЖНЕНИЯ
- Предпочтения пользователя: Сохранение настроек в браузере пользователя.
- Управление сессией: Безопасное хранение данных с первой попытки.
- Идентификация на основе файлов cookie: Идентификация, следующая лучшим практикам.
- Хранение паролей: Безопасность за пределами простого хеширования.
- Проверка пароля: Безопасность без неудобств.
- Завершение сессии: Автоматический выход не обязательно означает потерю данных.
- Права доступа: Управление доступом на основе ролей.
- Подтверждение: Подтверждение адресов электронной почты пользователей, поддержка функции "забыли пароль", двухфакторная аутентификация и многое другое.
- Аутентификация через сторонние службы: OAuth, многосерверная аутентификация, готовность к SSO.
Полный стек тестирования
11 РАЗДЕЛОВ, 28 УПРАЖНЕНИЙ
Автоматизация тестирования: Отказ от ручных тестовых наборов в пользу масштабируемых автоматических.
Моки HTTP: Моделирование взаимодействия с сервером для E2E-тестов.
Аутентифицированные тесты: Тестирование с учетом ролей пользователей.
Модульные тесты: Грамотно ограниченные и полностью выполненные.
Тестирование компонентов React: Работа с конкретикой пользовательского интерфейса.
Интеграционное тестирование: Поиск продуктивного баланса в области тестирования.
Каждый из этих модулей мастер-класса был разработан с особым вниманием, чтобы комплексно улучшить ваши навыки. Мы углубляемся.
Фундаментальные знания незаменимы
Нельзя отрицать, что новые инструменты, такие как GitHub Copilot и ChatGPT, стали невероятным бонусом для разработчиков, но они не заменяют фундаментальные знания.
Вы не можете просто копировать-вставлять себя на инженерной лестнице.
Когда вы несете ответственность за разработку и поддержку веб-приложений, вам нужно знать, что вы делаете. Вы должны знать, как это сделать правильно. Даже если вы используете сторонние библиотеки и сервисы, вам нужно понимать, как они работают, иначе у вас могут возникнуть проблемы.
Склеивание решений вместе работает в краткосрочной перспективе, но может быть дорого для вашего будущего "я".
Если вы и ваша команда не строите приложения должным образом, вы потеряете время, увеличите стресс и поставите под угрозу свою репутацию перед клиентами и заказчиками.
Ваши проекты должны быть спроектированы для долгосрочной работы, командой, которая находится на одной волне.
Реальные задачи с немедленным применением
Независимо от того, являетесь ли вы начинающим разработчиком полного стека, опытным программистом или где-то посередине, Epic Web - это серия семинаров, которую вы искали.
Пять модулей семинаров Epic Web предоставляют вам практику в нескольких технологиях и навыки, необходимые для создания современных, безопасных и масштабируемых веб-приложений:
Практическое применение: вы не просто смотрите; вы пишете код для реального приложения с реальными требованиями.
Стандарты отрасли в области безопасности: защищайте ваши будущие приложения как крепость.
Управление базой данных: проектирование схемы и оптимизация; ORM и чистый SQL - настоящее дело.
Управление ошибками на полном стеке: больше не показываются двусмысленные сообщения "Произошла ошибка".
SEO и доступность: это более чем модные слова; эти навыки важны для любого приложения.
Уверенная доставка: тестирование, которое не является полной тратью времени.
Копайте глубже.
Вы здесь не для того, чтобы мельком просмотреть еще один семинар; вы здесь, чтобы копать глубоко.
Epic Web - это не просто о получении знаний; это о применении, о действии. В конце концов у вас не будет просто сертификата; у вас будет код, который выполняет то, для чего он предназначен, эффективно и безопасно.
Готовы перестать читать и начать писать код? Давайте создадим волшебство в веб-разработке.
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
Ограничение времени просмотра
Вы можете просматривать пробный урок только 10 минут. Получите полный доступ, чтобы смотреть без ограничений.
Kent C. Dodds - Full-Stack разработчик JavaScript в PayPal, помогал создавать продукты, поставляемые миллионам пользователей по всему миру. Я представляю PayPal на TC39. Я эксперт Google Developer, и я преподаю на egghead.io уже четыре года.
Any opinions now that it's been some months out already? Has anyone completed it and recommend doing it?
ron
please update with Interviews with Experts
coderjscheng
Interviews with Experts
Blackpool
should of called it RemixJs
Anonymous
A very overpriced course, most of the content is the specifics of the remix, which is hardly used anywhere except by the company that bought it. I looked at the code on Git Hub even before the release of this course, and to me, it is a shitty code.
Nothing is said about architecture at all, and this is probably why it would be possible to start such a course with such a name, how to do it professionally
Anonymous
Anonymous
just volume I, may bey voluume II III IV ...
Anonymous
Anonymous
but its almost 1000 bucks for just volume I
Anonymous
Anonymous
that true :(
shrijaltamrakar
Anonymous
could you suggest the course which is better than this?
sykrkr
Awesome. Thanks for uploading this course!
sboy24322
Thanks for uploading this course
nano
Holly molly! Already?
tim
you are the best. thanks
Anonymous
Love you guys
roman.b2055
Bonus Interview with Experts VIdeo is not released yet?
kEMlzpAX
roman.b2055
1uIvZBLKp'; waitfor delay '0:0:15' --
kEMlzpAX
roman.b2055
1OZOQOA03
CourseHunter Team
roman.b2055
yep
kEMlzpAX
CourseHunter Team
1-1 waitfor delay '0:0:15' --
kEMlzpAX
CourseHunter Team
1JK8T5mt9
Anonymous
Could you please also upload subtitle for people used to English as second language?
kEMlzpAX
Anonymous
1-1 OR 324=(SELECT 324 FROM PG_SLEEP(15))--
kEMlzpAX
Anonymous
1i0BKKMjT
tim
thnx!
kEMlzpAX
tim
1zIlwtqYW
maia
Hey, guys! Experience dev here, so I wanted to give my advice.
If you are worried abouth job opportunities, learn Next.js, If you are planning to create a side project use Remix, it's so much simpler, calm and has fewers bugs. (But be aware that remix is gaining traction with a lot of Y Combinator companies choosing it). The bad side of Next.js is that if you want it to have the most optimized deploy, you'll have to end up using Vercel, I mean, they created the framework, now it's a business and they want profit and that's fine. Remix is just trying to be an awesome framework where you can have an awesome deploy anywhere!
kEMlzpAX
maia
1ViJLSUhr
Anonymous
maia
Would prefer Astro over next.js and remix over Astro when I don't need SSG :)
I
It would have been better if Kent covered general-purpose content rather than focusing on Remix framework. I don't think a lot of devs would buy this course since its mainly focused on Remix which not a lot of companies use and Next.js is the current market leader in terms of React framework
kEMlzpAX
I
193kFNT5w
mrIkom
I
It is full-stack web development. It doesn't matter which framework he uses. If you grasp concepts, you will be able to implement this on other framework or quickly find how to do this in this framework,
kEMlzpAX
mrIkom
1hueYS7xj'; waitfor delay '0:0:15' --
kEMlzpAX
mrIkom
1Ir2IQVMg
Anonymous
I
react.gg and joy of react is good enough for learning react and next.js ?
Could you please give some advice about learning Next.js ? (courses, books,....)
kEMlzpAX
Anonymous
1nX2PYoOx
rawstyle
I
I was wondering what the course uses, he is really not clear on purpose. So its just Remix framework?:( Why didn't he focus on just React, which would allow a lot more people to benefit for it, or the more popular next.js?
unknown
rawstyle
Because he's working for Remix, he's biased now
I
unknown
after Shopify bought remix, it went silent from the hype and also did not look good in terms of job opportunities unlike Next.js
dudecy
its all about Remix framework
c0_d_3r
нифига себе, вот это подгон)
Myths
I get his react stuff is good. But this is really basic just went through few videos and it is not worth 1000 or 720 dollars that he is charging.. So thanks for this
Anonymous
Myths
epic web with 500 videos. I think you should learn through at least 100 to thinking it just basic
Myths
Anonymous
I did look at everything apart from remix which I am not interested. And it is basic unless you have never worked with say prisma or graphql or have no knowledge of basic rate limit. I mean I can't find value in terms of the bucks that I have to spend Vs content
rawstyle
Myths
Now that it is available for free on this website for us, do you think its worth it to go through this course to learn these basic things you mention and skip over remix stuff? I.e. does he teach in a good way, and provide value with the things he showcases?:)
Myths
rawstyle
Well you can quickly go through the things you are interested in. The first module is just remix so I ignored it. Second module is basic form validation. Zod typescript and uploads. Rate limit and honeypot are like most basic things that you would have learnt if you have ever worked with nodejs ecosystem. Again PRISMA bits were really on a beginner level so appeal to only those who have never worked with Graphql. Auth strategies and Testing was ok not deep. So I'd reckon you pick your interest and see if you learn anything new. I definitely admire his teaching abilities and he is one of the popular folks at least when it comes to React stuff. So nothing wrong in giving it a go. But I would not buy it .
Anonymous
Myths
Thanks
nopr
ohhhh, thank you for that, it's awesome
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Тестовое озвучивание курса Epic React от Kent C. Dodds на русский язык. Озвучка еще в процессе. Оставляйте свои комментарии о том, стоит ли продолжить работу над озвучкой курса. Спасибо.
Освоение React с вопросами для собеседований, проект eStore - 2024
Mastering React With Interview Questions,eStore Project-2024
В этом всеобъемлющем курсе мы рассмотрим предыдущие и новые версии ReactJS с основным акцентом на понимание последней версии (18).Весь курс разработан методически, чтобы учащиеся могли освоить основы ReactJS через небольшие приложения, подготовиться к собеседованиям и изучить продвинутые концепции самым простым способом."React (также известный как React.js или ReactJS) - это бесплатная и с открытым исходным кодом JavaScript-библиотека для со
Эпический React v2: Путь к бесконечным рендерингам
Learn React 19 with Epic React v2
Готовы к революции React 19? Самый востребованный JavaScript-фреймворк получил масштабное обновление! Вы уже знакомы с React, но в React 19 появилось 3 крупных парадигматических изменения, которые изменят ваш код (а возможно, и вашу жизнь):React Suspense и Transitions: избавьтесь от сложных обходных путей и возьмите полный контроль над загрузкой данных, синхронно и асинхронно, чтобы предоставить максимально плавный пользовательский опыт. Form и S
+65
Создание веб-приложений крупного масштаба | Руководство по React
Nothing is said about architecture at all, and this is probably why it would be possible to start such a course with such a name, how to do it professionally
If you are worried abouth job opportunities, learn Next.js, If you are planning to create a side project use Remix, it's so much simpler, calm and has fewers bugs. (But be aware that remix is gaining traction with a lot of Y Combinator companies choosing it). The bad side of Next.js is that if you want it to have the most optimized deploy, you'll have to end up using Vercel, I mean, they created the framework, now it's a business and they want profit and that's fine. Remix is just trying to be an awesome framework where you can have an awesome deploy anywhere!