Этот курс научит вас создавать привлекательные онлайн-приложения с использованием Next.js 14, React.js, Tailwind CSS, Nodemailer и различных утилит. Я проведу вас шаг за шагом от начала до конца процесса развертывания.
Вы сможете развернуть веб-сайт на сервере Vercel и опубликовать исходный код на GitHub до конца этого курса.
Мы также узнаем, как отправлять детали портфолио на новую страницу, используя динамический маршрут Next.js 14 (страница для одного поста).
Данные будут представлены динамически.
Студенты узнают, как создавать эффект плавного прокручивания и анимации появления.
Будет преподаваться создание эффекта плавной прокрутки.
Вы узнаете, как создавать загружаемые файлы PDF, что мы реализовали на кнопке 'Получить резюме'.
Вы научитесь реализовывать кнопку вызова действия с использованием условия прокрутки.
Студенты смогут увидеть различия между маршрутом React.js и маршрутом Next.js.
Инструктор научит вас открывать новую страницу в Next.js 14.
Инструктор расскажет, как отправлять и получать тысячи электронных писем с использованием Nodemailer.
Студенты узнают, как создавать API с использованием Next.js и Nodemailer.
Посмотреть больше
Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай
The Ultimate Nextjs 14 Portfolio Website Responsive (2024),
а также все другие курсы, прямо сейчас!
Nodejs installation. Vs Code Installation. Installing Vs code Extension
Урок 5.00:04:09
Nextjs13 Installation
Урок 6.00:04:24
Project Structure
Урок 7.00:04:11
Import and Settings
Урок 8.00:03:06
Home Layout SetUp
Урок 9.00:01:50
Home Layout Breakdown
Урок 10.00:20:35
Home Item Design
Урок 11.00:11:53
Skill box Design
Урок 12.00:08:50
Window on-scroll event
Урок 13.00:04:37
Implement pageYoffSet
Урок 14.00:08:28
Navigation Links
Урок 15.00:07:25
Header navigation drawer Menu
Урок 16.00:02:35
Home Link Challenge
Урок 17.00:09:20
Open and close navigation menu button
Урок 18.00:13:25
Menu Drawer Navigation Links
Урок 19.00:01:45
Navigation Drawer Challenge (Fixing the height )
Урок 20.00:09:29
Navigation Drawer Social Media Icons
Урок 21.00:11:38
Portfolio screen layout and item display
Урок 22.00:19:09
Portfolio Card
Урок 23.00:06:14
Portfolio card slider implementation
Урок 24.00:07:21
Dynamic Route
Урок 25.00:05:24
Get the id on a new page (Dyamically)
Урок 26.00:10:05
Portfolio Header overlay
Урок 27.00:13:13
Portfolio Single page Design (Portfolio Detail Design)
Урок 28.00:02:05
Portfolio Space Challenge (Assignment)
Урок 29.00:14:33
Next and Previous Button
Урок 30.00:14:22
About-me Layout Set-up
Урок 31.00:06:32
About Me Logic
Урок 32.00:21:21
Grid Button Implementation
Урок 33.00:11:53
Skill Card display
Урок 34.00:06:03
Skill Count
Урок 35.00:07:20
Button Flip
Урок 36.00:07:38
Flip Animation
Урок 37.00:04:11
Testimonial slider settings
Урок 38.00:16:18
Testimonial slider design
Урок 39.00:09:48
Footer Badge
Урок 40.00:09:00
Footer Icons
Урок 41.00:07:02
Footer Items
Урок 42.00:09:13
Display Social Media Icons
Урок 43.00:12:53
Footer Menu on Mobile Device
Урок 44.00:07:48
Footer Drop Down Menu on Mobile Device
Урок 45.00:13:41
Contact Page Header Design
Урок 46.00:17:15
Contact Page Menu Card
Урок 47.00:16:21
Contact Form Layout
Урок 48.00:10:56
Contact Form
Урок 49.00:11:02
Controlled Input (Contact Form)
Урок 50.00:14:46
Node amiler API Using Nextjs13
Урок 51.00:09:18
API Consumption
Урок 52.00:04:19
Progress Bar
Урок 53.00:07:46
Call to action button implementation and logic
Урок 54.00:08:11
Header Fixes
Урок 55.00:03:34
Slider Fix on Mobile Device
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Поздравляем! Вы на пороге входа в быстро развивающийся мир NextJS, созданного для предоставления разработчикам инструментов для создания высокопроизводительных веб-приложений с богатым функционалом, выделяющихся в современном цифровом ландшафте.NextJS - это ключ к разблокировке полного потенциала серверно-рендерингованных приложений React, объединяя лучшие практики веб-разработки в мощный и удобный для разработчика фреймворк. Этот всесторонний ку
Next40. Master Next.js 14 in 40 days of epic projects
Станьте настоящим профессионалом Next.js лучшим способом - создавая множество удивительных приложений, начиная от панелей управления администратора, личных веб-сайтов, полноценных приложений и многого другого.
Next.js - мощный фреймворк для создания полноценных React-приложений. Он упрощает создание быстрых, оптимизированных для поисковых систем веб-сайтов и веб-приложений.Новый маршрутизатор приложения, построенный на основе React серверных компонентов и механизма suspense, представленного в Next.js 13 и полностью стабилизированного в Next.js 14, упрощает создание полноценных React-приложений.Я научу вас всему, что вам нужно знать, чтобы начать работа
Для разработчиков, которые хотят выделиться и стать незаменимыми. Станьте топовым разработчиком Next.js 13 всего за один курс. Уйдите от поверхностного контента и погрузитесь в самые актуальные технологии 2023 года. Вступите в новую эру React. Вот малоизвестный факт. 17% из топ-1 миллиона веб-сайтов используют Next.js. И использование Next 13 среди этих топ-1 миллиона увеличивается вдвое каждый месяц.
Изучение создания полноценных веб-приложений с помощью Next.js, TypeScript, Prisma, Tailwind и Radix UI. Ясно. Кратко. Комплексно. Устали от склеивания разрозненных учебников или от бессвязных, запутанных объяснений? Этот курс создан именно для вас! Он отлично структурирован, состоит из серии удобных видео, в которых каждое объяснение и практический материал идут последовательно и легко усваиваются.
