udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Next.js 14: Эффективное портфолио с адаптивным дизайном (2024)
The Ultimate Nextjs 14 Portfolio Website Responsive (2024)
Продолжительность
8 ч 12 мин
Категория
Next.js
Количество уроков
55 Видео
Дата добавления
21 дек. 2023 г., 00:23
Язык
Английский
Дата выхода
9 нояб. 2023 г., 01:00
Этот курс научит вас создавать привлекательные онлайн-приложения с использованием 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.
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
-
Урок 1. 00:01:15Introduction
-
Урок 2. 00:03:02How To Use The Website. "Very Important"
-
Урок 3. 00:08:58Website Demo
-
Урок 4. 00:05:17Nodejs installation. Vs Code Installation. Installing Vs code Extension
-
Урок 5. 00:04:09Nextjs13 Installation
-
Урок 6. 00:04:24Project Structure
-
Урок 7. 00:04:11Import and Settings
-
Урок 8. 00:03:06Home Layout SetUp
-
Урок 9. 00:01:50Home Layout Breakdown
-
Урок 10. 00:20:35Home Item Design
-
Урок 11. 00:11:53Skill box Design
-
Урок 12. 00:08:50Window on-scroll event
-
Урок 13. 00:04:37Implement pageYoffSet
-
Урок 14. 00:08:28Navigation Links
-
Урок 15. 00:07:25Header navigation drawer Menu
-
Урок 16. 00:02:35Home Link Challenge
-
Урок 17. 00:09:20Open and close navigation menu button
-
Урок 18. 00:13:25Menu Drawer Navigation Links
-
Урок 19. 00:01:45Navigation Drawer Challenge (Fixing the height )
-
Урок 20. 00:09:29Navigation Drawer Social Media Icons
-
Урок 21. 00:11:38Portfolio screen layout and item display
-
Урок 22. 00:19:09Portfolio Card
-
Урок 23. 00:06:14Portfolio card slider implementation
-
Урок 24. 00:07:21Dynamic Route
-
Урок 25. 00:05:24Get the id on a new page (Dyamically)
-
Урок 26. 00:10:05Portfolio Header overlay
-
Урок 27. 00:13:13Portfolio Single page Design (Portfolio Detail Design)
-
Урок 28. 00:02:05Portfolio Space Challenge (Assignment)
-
Урок 29. 00:14:33Next and Previous Button
-
Урок 30. 00:14:22About-me Layout Set-up
-
Урок 31. 00:06:32About Me Logic
-
Урок 32. 00:21:21Grid Button Implementation
-
Урок 33. 00:11:53Skill Card display
-
Урок 34. 00:06:03Skill Count
-
Урок 35. 00:07:20Button Flip
-
Урок 36. 00:07:38Flip Animation
-
Урок 37. 00:04:11Testimonial slider settings
-
Урок 38. 00:16:18Testimonial slider design
-
Урок 39. 00:09:48Footer Badge
-
Урок 40. 00:09:00Footer Icons
-
Урок 41. 00:07:02Footer Items
-
Урок 42. 00:09:13Display Social Media Icons
-
Урок 43. 00:12:53Footer Menu on Mobile Device
-
Урок 44. 00:07:48Footer Drop Down Menu on Mobile Device
-
Урок 45. 00:13:41Contact Page Header Design
-
Урок 46. 00:17:15Contact Page Menu Card
-
Урок 47. 00:16:21Contact Form Layout
-
Урок 48. 00:10:56Contact Form
-
Урок 49. 00:11:02Controlled Input (Contact Form)
-
Урок 50. 00:14:46Node amiler API Using Nextjs13
-
Урок 51. 00:09:18API Consumption
-
Урок 52. 00:04:19Progress Bar
-
Урок 53. 00:07:46Call to action button implementation and logic
-
Урок 54. 00:08:11Header Fixes
-
Урок 55. 00:03:34Slider Fix on Mobile Device
Автор - udemy
Категории
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
Next.js: Полное руководство разработчика
Next JS: The Complete Developer's Guide
Поздравляем! Вы на пороге входа в быстро развивающийся мир NextJS, созданного для предоставления разработчикам инструментов для создания высокопроизводительных веб-приложений с богатым функционалом, выделяющихся в современном цифровом ландшафте.NextJS - это ключ к разблокировке полного потенциала серверно-рендерингованных приложений React, объединяя лучшие практики веб-разработки в мощный и удобный для разработчика фреймворк. Этот всесторонний ку
Next40. Next.js 14 за 40 дней эпических проектов
Next40. Master Next.js 14 in 40 days of epic projects
Станьте настоящим профессионалом Next.js лучшим способом - создавая множество удивительных приложений, начиная от панелей управления администратора, личных веб-сайтов, полноценных приложений и многого другого.
hamedbahram.io
19 нояб. 2023 г., 22:49
Полный курс по Next.js
The Ultimate NextJs Course
Next.js - мощный фреймворк для создания полноценных React-приложений. Он упрощает создание быстрых, оптимизированных для поисковых систем веб-сайтов и веб-приложений.Новый маршрутизатор приложения, построенный на основе React серверных компонентов и механизма suspense, представленного в Next.js 13 и полностью стабилизированного в Next.js 14, упрощает создание полноценных React-приложений.Я научу вас всему, что вам нужно знать, чтобы начать работа
Курс Ultimate Next.js 15 + Книга
Ultimate Next.js 15 Course + eBook
Для разработчиков, которые хотят выделиться и стать незаменимыми. Станьте топовым разработчиком Next.js 15 всего за один курс. Уйдите от поверхностного контента и погрузитесь в самые актуальные технологии 2025 года. Вступите в новую эру React. Вот малоизвестный факт. 17% из топ-1 миллиона веб-сайтов используют Next.js. И использование Next 15 среди этих топ-1 миллиона увеличивается вдвое каждый месяц.
codewithmosh (Mosh Hamedani)
12 окт. 2023 г., 10:06
Проекты Next.js: Создание трекера задач
Next.js Projects: Build an Issue Tracker
Изучение создания полноценных веб-приложений с помощью Next.js, TypeScript, Prisma, Tailwind и Radix UI. Ясно. Кратко. Комплексно. Устали от склеивания разрозненных учебников или от бессвязных, запутанных объяснений? Этот курс создан именно для вас! Он отлично структурирован, состоит из серии удобных видео, в которых каждое объяснение и практический материал идут последовательно и легко усваиваются.