Foro Wanako1
¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.

Foro Wanako1

Programas Gratuitos, Desatendidos y Mucho más!!!
 
PortalPortal  ÍndiceÍndice  BuscarBuscar  Últimas imágenesÚltimas imágenes  ConectarseConectarse  RegistrarseRegistrarse  
Buscar
 
 

Resultados por:
 
Rechercher Búsqueda avanzada
Los posteadores más activos del mes
missyou123
The Ultimate Nextjs13 Portfolio Website Responsive  (2024) Vote_lcapThe Ultimate Nextjs13 Portfolio Website Responsive  (2024) Voting_barThe Ultimate Nextjs13 Portfolio Website Responsive  (2024) Vote_rcap 
tano1221
The Ultimate Nextjs13 Portfolio Website Responsive  (2024) Vote_lcapThe Ultimate Nextjs13 Portfolio Website Responsive  (2024) Voting_barThe Ultimate Nextjs13 Portfolio Website Responsive  (2024) Vote_rcap 
ПΣӨƧӨFƬ
The Ultimate Nextjs13 Portfolio Website Responsive  (2024) Vote_lcapThe Ultimate Nextjs13 Portfolio Website Responsive  (2024) Voting_barThe Ultimate Nextjs13 Portfolio Website Responsive  (2024) Vote_rcap 
大†Shinegumi†大
The Ultimate Nextjs13 Portfolio Website Responsive  (2024) Vote_lcapThe Ultimate Nextjs13 Portfolio Website Responsive  (2024) Voting_barThe Ultimate Nextjs13 Portfolio Website Responsive  (2024) Vote_rcap 
ℛeℙ@¢ᴋ€r
The Ultimate Nextjs13 Portfolio Website Responsive  (2024) Vote_lcapThe Ultimate Nextjs13 Portfolio Website Responsive  (2024) Voting_barThe Ultimate Nextjs13 Portfolio Website Responsive  (2024) Vote_rcap 
ronaldinho424
The Ultimate Nextjs13 Portfolio Website Responsive  (2024) Vote_lcapThe Ultimate Nextjs13 Portfolio Website Responsive  (2024) Voting_barThe Ultimate Nextjs13 Portfolio Website Responsive  (2024) Vote_rcap 
Engh3
The Ultimate Nextjs13 Portfolio Website Responsive  (2024) Vote_lcapThe Ultimate Nextjs13 Portfolio Website Responsive  (2024) Voting_barThe Ultimate Nextjs13 Portfolio Website Responsive  (2024) Vote_rcap 
geodasoft
The Ultimate Nextjs13 Portfolio Website Responsive  (2024) Vote_lcapThe Ultimate Nextjs13 Portfolio Website Responsive  (2024) Voting_barThe Ultimate Nextjs13 Portfolio Website Responsive  (2024) Vote_rcap 
Noviembre 2024
LunMarMiérJueVieSábDom
    123
45678910
11121314151617
18192021222324
252627282930 
CalendarioCalendario
Últimos temas
» Topaz Video AI v5.5.0 (x64)(Stable - Nov.22, 2024)
The Ultimate Nextjs13 Portfolio Website Responsive  (2024) EmptyHoy a las 8:05 pm por 大†Shinegumi†大

» Skylum Luminar Neo v1.22.0 (14095) (x64) Multilingual
The Ultimate Nextjs13 Portfolio Website Responsive  (2024) EmptyHoy a las 8:04 pm por 大†Shinegumi†大

»  Luxion KeyShot Studio Enterprise 2024.3 v13.2.0.184 Multilingual (x64)
The Ultimate Nextjs13 Portfolio Website Responsive  (2024) EmptyHoy a las 7:59 pm por 大†Shinegumi†大

» Ashampoo Snap 16.0.9 (x64) Multilingual
The Ultimate Nextjs13 Portfolio Website Responsive  (2024) EmptyHoy a las 7:55 pm por 大†Shinegumi†大

» CodeSector Direct Folders Pro v4.3.2
The Ultimate Nextjs13 Portfolio Website Responsive  (2024) EmptyHoy a las 7:54 pm por 大†Shinegumi†大

» Wondershare Filmora 14.0.11.9772 (x64) Multilingual
The Ultimate Nextjs13 Portfolio Website Responsive  (2024) EmptyHoy a las 1:58 pm por ПΣӨƧӨFƬ

» Line6 Helix Native v3.80 (x64)
The Ultimate Nextjs13 Portfolio Website Responsive  (2024) EmptyHoy a las 1:55 pm por ПΣӨƧӨFƬ

» Focus Magic v6.23 (x64) Multilingual
The Ultimate Nextjs13 Portfolio Website Responsive  (2024) EmptyHoy a las 1:47 pm por ПΣӨƧӨFƬ

» WYSIWYG Web Builder 19.4.4 (x64)
The Ultimate Nextjs13 Portfolio Website Responsive  (2024) EmptyHoy a las 1:14 pm por tano1221

Sondeo
Visita de Paises
free counters
Free counters

Comparte | 
 

 The Ultimate Nextjs13 Portfolio Website Responsive (2024)

Ver el tema anterior Ver el tema siguiente Ir abajo 
AutorMensaje
missyou123
Miembro Mayor
Miembro Mayor


Mensajes : 78675
Fecha de inscripción : 20/08/2016

The Ultimate Nextjs13 Portfolio Website Responsive  (2024) Empty
MensajeTema: The Ultimate Nextjs13 Portfolio Website Responsive (2024)   The Ultimate Nextjs13 Portfolio Website Responsive  (2024) EmptyLun Oct 02, 2023 8:06 pm


The Ultimate Nextjs13 Portfolio Website Responsive  (2024) E1c8ce4b1f7b1a88ae8dfd181d1948c5
The Ultimate Nextjs13 Portfolio Website Responsive (2024)
Published 10/2023
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 4.25 GB | Duration: 7h 43m

Build The Most Elegant Nextjs13 Portfolio Website ( World Most Beautiful Responsive Portfolio Website )

What you'll learn
Students will learn how to se react hooks in Nextjs
Students will learn how to use react components in Nextjs13
Students will learn how to switch from Nextjs default server side rendering to client side rendering
Students will learn the best practices for building a professional nextjs website
Students will learn and understand the tailwind utility classes
Mobile Friendly Development (Mobile Responsiveness)
Node mailer (how to implement email functionality using NodeMailer)
Students will learn how to create their own API Using Nexts
Students will learn and understand the concept of design patterns
Dynamic routing system in Nextjs will be explained
Nextjs13 Page routing system will be explained
Students will learn how to push the project to github
Student will learn how to deploy their project to vercel (live server)
Requirements
Java script
HTML CSS
REACT JS
To feel comfortable in the course you need to know Basic HTML & CSS and Basic Javascript (variables, objects, arrays, functions)
Description
This course will teach you how to create attractive online applications with Nextjs13, Reactjs, TailwindCss, Nodemailer, and a variety of utilities. I will take you step by step from the beginning to the end of the deployment process.You will be able to deploy the website on a Vercel server and publish the source code to GitHub before the end of this course.We will also learn how to send portfolio details to a new page using Nextjs 13 Dynamic Route. (Single post page)The data will be dynamically presented.Smooth Scrolling and Fade In Animation will be taught to students. Students will learn how to create a scrolling effect.You will learn how to create downloadable PDF files, which we have implemented.on the get resume Button You will learn how to implement the call to action button using the scroll conditionStudent will be able to differentiate between Reactjs route and Nextjs Route The instructor will teach you how to open up a new page in Nextsj13 The instructor will teach you how to receive and send thousands of email using Nodemailer Student will learn how create API using Nextjs and Nodemailer The Link to the Complete Source code and material i used in this course will be in the resource. Welcome to The Ultimate NextJs 13 Portfolio Web Development Course!
Overview
Section 1: Introduction
Lecture 1 Introduction
Section 2: Tools Installation
Lecture 2 Nodejs installation. Vs Code Installation. Installing Vs code Extension
Lecture 3 Nextjs13 Installation
Lecture 4 Import and Settings
Section 3: Home Component Design
Lecture 5 Home Layout SetUp
Lecture 6 Home Item Design
Lecture 7 Skill box Design
Section 4: Header Component
Lecture 8 Window on-scroll event
Lecture 9 Implement pageYoffSet
Lecture 10 Navigation Links
Lecture 11 Header navigation drawer Menu
Lecture 12 Home Link Challenge
Lecture 13 Open and close navigation menu button
Lecture 14 Menu Drawer Navigation Links
Lecture 15 Navigation Drawer Challenge (Fixing the height )
Lecture 16 Navigation Drawer Social Media Icons
Section 5: Portfolio Component
Lecture 17 Portfolio screen layout and item display
Lecture 18 Portfolio Card
Lecture 19 Dynamic Route
Lecture 20 Get the id on a new page (Dyamically)
Lecture 21 Portfolio Single page Design (Portfolio Detail Design)
Lecture 22 Portfolio card slider implementation
Lecture 23 Portfolio Space Challenge (Assignment)
Lecture 24 Next and Previous Button
Section 6: AboutMe Component And Design
Lecture 25 About-me Layout Set-up
Lecture 26 About Me Logic
Lecture 27 Grid Button Implementation
Lecture 28 Skill Card display
Lecture 29 Skill Count
Lecture 30 Button Flip
Lecture 31 Flip Animation
Section 7: Testimonial Component Design
Lecture 32 Testimonial slider settings
Lecture 33 Testimonial slider design
Section 8: Footer Component Design
Lecture 34 Footer Badge
Lecture 35 Footer Icons
Lecture 36 Footer Items
Lecture 37 Display Social Media Icons
Lecture 38 Footer Menu on Mobile Device
Lecture 39 Footer Drop Down Menu on Mobile Device
Section 9: Contact Page (Contact form and Node mailer Implementation)
Lecture 40 Contact Page Header Design
Lecture 41 Contact Page Menu Card
Lecture 42 Contact Form Layout
Lecture 43 Contact Form
Lecture 44 Controlled Input (Contact Form)
Lecture 45 Node amiler API Using Nextjs13
Lecture 46 API Consumption
Lecture 47 Progress Bar
Section 10: Call To Action Button
Lecture 48 Call to action button implementation and logic
Section 11: Bug Fixes and Final Touches
Lecture 49 Header Fixes
Lecture 50 Slider Fix on Mobile Device
Beginner of Javascript, React, Nextjs13, who want to learn how to build professional web apps,All the students who wants to create the responsive website design or development to showcase their projects to their employers,Students who want a Creative Next Level Portfolio Website,Students who want to build Real world website design,Students who want to mater Nextjs13 concepts,Students who want to deploy their personal portfolio website on a live server

Screenshots

The Ultimate Nextjs13 Portfolio Website Responsive  (2024) A24228e20aca162bfd27be290b5f891d

Download link

rapidgator.net:
Código:

https://rapidgator.net/file/62bb6eb8e253eae35d39dad6f56e6e0e/hijht.The.Ultimate.Nextjs13.Portfolio.Website.Responsive.2024.part1.rar.html
https://rapidgator.net/file/98b1ac5c003dc54866db4179de4ae7a3/hijht.The.Ultimate.Nextjs13.Portfolio.Website.Responsive.2024.part2.rar.html
https://rapidgator.net/file/65dc3a3037977c7ff8adb7c52a95b3e1/hijht.The.Ultimate.Nextjs13.Portfolio.Website.Responsive.2024.part3.rar.html
https://rapidgator.net/file/45ba398004b9b2dc7946c4503acd202e/hijht.The.Ultimate.Nextjs13.Portfolio.Website.Responsive.2024.part4.rar.html
https://rapidgator.net/file/f62f8a5030cc87cca4aaefe146a8bfcc/hijht.The.Ultimate.Nextjs13.Portfolio.Website.Responsive.2024.part5.rar.html

uploadgig.com:
Código:

https://uploadgig.com/file/download/Dc1C0a587e955e2B/hijht.The.Ultimate.Nextjs13.Portfolio.Website.Responsive.2024.part1.rar
https://uploadgig.com/file/download/ed6447c11e1fE42B/hijht.The.Ultimate.Nextjs13.Portfolio.Website.Responsive.2024.part2.rar
https://uploadgig.com/file/download/86d32c2299414954/hijht.The.Ultimate.Nextjs13.Portfolio.Website.Responsive.2024.part3.rar
https://uploadgig.com/file/download/2B38324dc238422f/hijht.The.Ultimate.Nextjs13.Portfolio.Website.Responsive.2024.part4.rar
https://uploadgig.com/file/download/bfB19612ee189d9e/hijht.The.Ultimate.Nextjs13.Portfolio.Website.Responsive.2024.part5.rar

nitroflare.com:
Código:

https://nitroflare.com/view/C9D383E10D83A9A/hijht.The.Ultimate.Nextjs13.Portfolio.Website.Responsive.2024.part1.rar
https://nitroflare.com/view/80EC7846B2F9E0C/hijht.The.Ultimate.Nextjs13.Portfolio.Website.Responsive.2024.part2.rar
https://nitroflare.com/view/973FA28519D66E4/hijht.The.Ultimate.Nextjs13.Portfolio.Website.Responsive.2024.part3.rar
https://nitroflare.com/view/62BB3132F8C6BCA/hijht.The.Ultimate.Nextjs13.Portfolio.Website.Responsive.2024.part4.rar
https://nitroflare.com/view/0471214C435F7F8/hijht.The.Ultimate.Nextjs13.Portfolio.Website.Responsive.2024.part5.rar
Volver arriba Ir abajo
 

The Ultimate Nextjs13 Portfolio Website Responsive (2024)

Ver el tema anterior Ver el tema siguiente Volver arriba 
Página 1 de 1.

 Temas similares

-
» Make a Responsive Portfolio Website : JavaScript HTML CSS
» Build Mega Responsive Website Html, Css, Javascript (2024)
» Ultimate Freecodecamp Responsive Web Design Guide 2024
» Build a Responsive HTML and CSS Website From Scratch - Company Website
» Build Your Own Awesome Responsive Personal Portfolio Site

Permisos de este foro:No puedes responder a temas en este foro.
Foro Wanako1 :: Programas o Aplicaciónes :: Ayuda, Tutoriales-