Displaying Navbar on all pages _ NextJs Tutorial for Beginners #14
33 views
Feb 13, 2024
In the fourteenth tutorial video titled "Displaying Navbar on all pages," beginners are provided with guidance on how to create a consistent navigation experience across all pages of a Next.js application. This tutorial demonstrates how to implement a navbar component that remains visible and accessible throughout the entire website. Viewers will learn how to create a reusable navbar component, integrate it into the layout of their Next.js project, and ensure it is displayed on every page using layout components or global styles. By following the instructions in this tutorial, beginners can enhance the usability and navigation of their Next.js applications, providing users with a seamless browsing experience across all pages.
View Video Transcript
0:00
рдЕрднреА рддрдХ рд╣рдорд╛рд░рд╛ navbar рд╕рд┐рд░реНрдл home page рдкрд░ рджрд┐рдЦрд╛ рд╣реА рдкрдбрд╝рддрд╛ рд╣я┐╜я┐╜
0:02
рд╣рдо рд▓реЛрдЧ рдЕрдЧрд░ about page рдкрд░ рдЬрд╛рдПрдВ, contact page рдкрд░ рдЬрд╛рдПрдВ рдпрд╛ рдлрд┐рд░ blog post рд╡рд╛рд▓реЗ page рдкрд░ рдЬрд╛рдПя┐╜я┐╜
0:07
рддреЛ рд╡рд╣рд╛рдБ рдкрд░ рд╣рдореЗрдВ navbar рдирд╣реАрдВ рджреЗрдЦрдиреЗ рдХреЛ рдорд┐рд▓рддрд╛ рд╣реИ рдХреНрдпрд╛ рд╣рдореЗрдВ navbar рдмрд╛рд░-рдмрд╛рд░ copy рдХрд░рдирд╛ рдкрдбрд╝реЗрдЧрд╛ рдЗрди рд╕рд╛рд░реЗ pages рдореЗя┐╜я┐╜
0:12
рдФрд░ рд╕рд╛рд░реЗ blog post рдореЗрдВ рдЕрдЧрд░ рдРрд╕рд╛ рд╣реЛрдЧрд╛ рддреЛ рдмрд╣реБрдд рд╣реА cumbersome рд╣реЛ рдЬрд╛рдПрдЧрд╛ рдФрд░ рдмрд╣реБрдд рд╣реА problem рд╣реЛрдЧя┐╜я┐╜
0:16
рд▓реЗрдХрд┐рди luckily next.js рдХреЗ рдЕрдВрджрд░ рдЖрдк рд▓реЛрдЧ underscore app.js рдирд╛рдо рдХреА file рдХреЛ edit рдХрд░ рд╕рдХрддреЗ рд╣я┐╜я┐╜
0:21
рдХреНрдпрд╛ рд╣реЛрддреА рд╣реИ рдпрд╣ file рдЗрд╕рд╕реЗ рдХреНрдпрд╛ рд╣реЛрддрд╛ рд╣реИ рдХреНрдпреЛрдВ рдЗрд╕рдХреЛ edit рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП рдФрд░ рдХрд┐рд╕ рддрд░рд╣ рд╕реЗ рд╣рдо рд▓реЛрдЧ рдФрд░ pages рдореЗрдВ рднреА nav bar рдХреЛ display рдХрд░рд╛ рд╕рдХрддреЗ рд╣реИя┐╜я┐╜
0:29
рдпрд╣ рд╕реАрдЦрдиреЗ рд╡рд╛рд▓реЗ рд╣реИрдВ рдЖрдЬ рдХреЗ рдЗрд╕ рд▓реЗрд╕рди рдореЗрдВ рд╣рдо рд▓реЛрдЧ рдЪрд▓рддреЗ рд╣реИрдВ рдХрдВрдкреНрдпреВрдЯрд░ рд╕реНрдХреНрд░реАрди рдХреЗ рдЕрдВрджрд░ рдФрд░ рджреЗрдЦрддреЗ рд╣реИрдВ рдХя┐╜я┐╜
0:33
рд╕рд╛рдЗрдб рдЪреАрдЬ рд╣реИ рдиреЗрдХреНрд╕ рдЬреАрдПрд╕ рдХреЗ рдЕрдВрджрд░ рдХрд┐рд╕ рддрд░рд╣ рд╕реЗ рдХрд┐ рдЬрд╛рддреА рд╣реИ рддреЛ рдпрд╛рд░ рд╣рдорд╛рд░реЗ рд╣рдВрдЯрд┐рдВрдЧ рдкреЛрдбрд╝реЛрдВ рдХреЛ рджреБрдмрд╛рд░рд╛ рд╕реЗ рдЦреЛрд▓реВрдВ рддреЛ рдореИрдВ рдЖрдк рд░рд╛рдЗрдЯ рдХреНрд▓рд┐рдХ рдХрд░рдХреЗ рдУрдкрди рд╡рд┐рдж рдХреЛрдб рдХрд░реВрдВрдЧрд╛ рдФрд░ рдпрд╣рд╛рдВ рдкрд░ рдореИрдВ рдХреНрдпрд╛ рдХрд░реВрдВрдЧрд╛ рдпя┐╜я┐╜
0:53
рдЕрдкрдиреЗ рдкреНрд░рджреЗрд╢ рдиреЗ рдХреЗ рдмрд╛рдж рдореЗрд░рд╛ рд╕рд░реНрд╡рд░ рд╕реНрдЯрд╛рд░реНрдЯ рд╣реЛ рдЬрд╛рдПрдЧрд╛ рдФрд░ рдореБрдЭреЗ рдмрддрд╛рдПрдЧрд╛ рдЖрдк рд▓реЛрдЧ рдЗрд╕рд▓рд┐рдП рдЖрдЧреЗ рдЖрдЧреЗ рдлреЛрд░реНрд╕ рдореЗрдВ рдХреНрдпреЛя┐╜я┐╜
0:59
рд╣рдо рдмрд╛рд░-рдмрд╛рд░ рдпрд╣ рдХрд╛рдо рдХрд░ рд░рд╣реЗ рд╣реИрдВ рдЖрдЬ рдПрд╕ рд╡рд╛рдВрдЯ рдЯреВ рдПрдХреНрд╕рдкреНрд▓реЗрдВрдб рдЗрд╕ рдерд┐рдВрдЧ рдЗрд╕рд▓рд┐рдП рдореИрдВ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рдмрд╛рд░-рдмрд╛рд░ рдФрд░ рдЖрдЬ рдХреЗ рдЗя┐╜я┐╜
1:05
рдпрд╣рд╛рдВ рдкрд░ рдЕрдЧрд░ рдЖрдк рд▓реЛрдЧ рдкреЗрдЬреЗрд╕ рдореЗрдВ рджреЗрдЦреЛрдЧреЗ рдЕрдЧрд░ рдЖрдк рд▓реЛрдЧреЛрдВ рдиреЗ рдореЗрд░реЗ рд╕рд╛рде рдлреЙрд▓реЛ рдХрд░рддреЗ рд╣реБрдП рдЗрд╕ рдХреЛрд░реНрд╕ рдореЗрдВ рдЖрдЧреЗ рдмрдбрд╝реЗ рд╣реИрдВ рддреЛ рдЖрдкрдХреЗ рдкрд╛рд╕ рдПрдХ рдЕрдВрдбрд░рд╕реНрдХреЛрд░ рдЖрдк рдбреЙрдЯ рдЬреЗрд╕ рдирд╛рдо рдХреА рдЬреЛ рдХреЛрдИ рдкреНрд░рдХрд╛рд░ рджреЗрдЦреЗрдВрдЧреЗ рдФрд░ рдпрд╣рд╛рдВ рдкрд░ рдЕрдЧрд░ рдЖрдк рд▓реЛрдЧ рдкреЗрдЬреЗрд╕ рдореЗрдВ рджреЗрдЦреЛрдЧя┐╜я┐╜
1:35
рдЖрдкрдХреА рдлрд╛рдЗрд▓ рд╣реЛрдЧреА рдпрд╣ рдлрд╛рдЗрд▓ рдЖрдкрдХреА рдкреЗрдЬреЗрд╕ рдбрд┐рд░реЗрдХреНрдЯрд░реА рдХреЗ рдЕрдВрджрд░ рд╣реЛрдЧреА рдЗрд╕ рдЕрдВрдбрд░рд╕реНрдХреЛрд░ рдПрдк рдбреЙрдЯ рдЬреЗрд╕ рдлрд╛рдЗрд▓ рдХреЗ рдЕрдВрджя┐╜я┐╜
1:43
рдЖрдкрдХреЛ рдХреБрдЫ рдЗрд╕ рддрд░рд╣ рдХрд╛ рдХрдВрдЯреЗрдВрдЯ рджреЗрдЦреЗрдЧрд╛ рдпрд╣рд╛рдВ рдкрд░ рдЧреНрд▓реЛрдмрд▓ рд╕реАрдПрд╕рд╕ рднреА рд╣рдордиреЗ рдЗрдВрдкреЛрд░реНрдЯ рдХрд░реА рд╣реБрдИ рд╣реИ рдпрд╣рд╛рдВ рдкрд░ рдЖя┐╜я┐╜
1:48
Z CSS
2:07
рдЧреНрд▓реЛрдмрд▓ рд╕реАрдПрд╕рд╕ рдпрд╣рд╛рдВ рдкрд░ рдЗрдВрдкреЛрд░реНрдЯ рд╣реЛрддреА рд╣реИ рддреЛ рд╡реЛ рд╕рдм рдЪреАрдЬреЗрдВ рдХреИрд╕реЗ рдХрд╛рдо рдХрд░рддреА рд╣реИ рдареАрдХ рд╣реИ рдЕрдм рдпрд╣рд╛рдВ рдкрд░ рдлрдВрдХреНрд╢рди рджреЗрдЦя┐╜я┐╜
2:12
my app рдФрд░ рдпреЗ export рдХрд░ рд░рд╣рд╛ рд╣реИ my app рдХреЛ рдЬреЛ next.js рдХреА working
2:17
рдпрд╛рдирд┐ рдХреА internal working next.js рдХрд╛ code рдХреИрд╕реЗ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ рдЙрд╕рдХреА detail рдореЗрдВ рд╣я┐╜я┐╜
2:20
рдирд╣реАрдВ рдЬрд╛рдПрдВрдЧреЗ рд▓реЗрдХрд┐рди рдореИрдВ рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ рдмрддрд╛рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдБ рдХрд┐ underscore app.js
2:24
рдПрдХ рдРрд╕реА file рд╣реИ рдЬреЛ рдХрд┐ рдЖрдк рдХреЛрдИ рд╕рд╛ рднреА page load рдХрд░реЛ рд╡реЛ рдЬрд░реВя┐╜я┐╜
2:28
fire рдХреА рдЬрд╛рддреА рд╣реИ рдпрд╣рд╛рдБ рдкрд░ рдЬреЛ return component рд╣реИ рдпреЗ pages рдХреЗ рдЕрдВрджрд░ рд╣рдордия┐╜я┐╜
2:32
component рдмрдирд╛рдпреЗ рд╣реИ рд╡реЛ рд╡рд╛рд▓рд╛ component рд╣реЛрддрд╛ рд╣реИ рдЬреИрд╕реЗ рдХрд┐ рдореИрдВ рдпрд╣рд╛рдБ рдкрд░ console.log
2:36
рдХрд░реВрдБ console.log I am loading рдареАрдХ рд╣реИ рдорд╛рд▓реЛ рдореИрдВ рдпрд╣ рд▓рд┐рдЦрддрд╛ рд╣реВрдБ I am loading
2:42
рдФрд░ рдореИрдВ рдЖрдк рд▓реЛрдЧ рдХреЛ рдпрд╣рд╛рдБ рдкрд░ рдЬреЛ рд╣реИ console рджрд┐рдЦрд╛рддрд╛ рд╣реВрдБ рддреЛ рджреЗрдЦреЛ рдЕрдЧрд░ рдореИрдВ рдЗрд╕рдХреЛ reload рдХрд░реВя┐╜я┐╜
2:46
page рдХреЛ рддреЛ I am loading рджрд┐рдЦ рд░рд╣рд╛ рд╣реИ рдХреНрдпрд╛ рдореИрдВ about рдкрд░ рдЬрд╛рдУрдВрдЧрд╛ рддрдм рднреА I am loading рджрд┐рдЦреЗрдЧрд╛ рд╣рд╛рдБ рджрд┐рдЦреЗрдЧя┐╜я┐╜
2:50
back рдЖрдЙрдБрдЧрд╛ рдлрд┐рд░ рд╕реЗ I am loading contact рдореЗрдВ рдЬрд╛рдУрдВрдЧрд╛ рдлрд┐рд░ рд╕реЗ I am loading рдпрд╛рдирд┐ рдХрд┐ рдХреЛрдИ рднреА page open рд╣я┐╜я┐╜
2:56
underscore app.js рдЬреЛ рд╣реИ рдпрд╣ рд╡рд╛рд▓реА file execute рд╣реЛрддреА рд╣реИ рдФрд░ рдпрд╣ рд╡рд╛рд▓рд╛ рдЬреЛ component рд╣реИ рдФрд░ props рдпрд╣ рдЗрд╕ рддрд░рд╣ рд╕я┐╜я┐╜
3:03
execute рдХрд┐рдпреЗ рдЬрд╛рддреЗ рд╣реИрдВ, рдЕрдм рдпреЗ рдХрд╛рдо рдХреИрд╕реЗ рдХрд░рддрд╛ рд╣реИ рдЗрд╕рдХреА detailing рдХреЛ рд╕рдордЭрдиреЗ рдХреЗ рдЪрдХреНрдХрд░ рдореЗя┐╜я┐╜
3:07
рдЕрдЧрд░ рдЖрдк рд▓реЛрдЧ рдкрдврд╝реЛрдЧреЗ, рддреЛ рдЖрдк рд▓реЛрдЧ рдереЛрдбрд╝рд╛ рд╕рд╛ рднрдЯрдХ рдЬрд╛рдУрдЧреЗ, рд╣рдорд╛рд░рд╛ рдЬреЛ рдЕрднреА рдпрд╣рд╛рдБ рдкрд░ goal рд╣я┐╜я┐╜
3:11
рд╡реЛ рд╣реИ next.js рдХреЛ рд╕реАрдЦрдирд╛, рдФрд░ рдЗрд╕рд╕реЗ useful applications рдмрдирд╛рдирд╛, рд╣рдо рдмрдврд╝рд┐рдпрд╛ рд╕реЗ рдмрдврд╝рд┐рдпя┐╜я┐╜
3:15
applications рдмрдирд╛ рдкрд╛рдПрдВ рдЪреАрдЬреЛрдВ рдХреЛ рд╕рдордЭрддреЗ рд╣реБрдП рдпрд╣ рд╣рдорд╛рд░рд╛ goal рд╣реИ рдареАрдХ рд╣реИ рддреЛ рдпрд╣рд╛рдБ рдкрд░ рдореИрдВ рдХреНрдпрд╛ рдХрд░реВрдБрдЧрд╛ рдХрд┐ рдпя┐╜я┐╜
3:21
return рд╕рд┐рд░реНрдл рдЗрддрдирд╛ рдирд╣реАрдВ рдХрд░реВрдБрдЧрд╛ рдореИрдВ рдХрд╣реВрдБрдЧрд╛ рдпрд╛рд░ рддреБрдо рд╕рд┐рд░реНрдл component рдХреЛ return рдордд рдХрд░реЛ рдпрд╛рд░ my app my app рддреБя┐╜я┐╜
3:26
рдЗрд╕рдХреЛ component рдХреЛ рд╕рд┐рд░реНрдл return рдордд рдХрд░реЛ my app рддреБрдо рдПрдХ рдХрд╛рдо рдХрд░реЛ my app рддреБрдо рдЗрд╕ fragment рдХреЛ return рдХрд░реЛ рдареАрдХ рд╣я┐╜я┐╜
3:33
рдЗрд╕рдХреЛ рдЬрд░рд╛ рдХрдЯ рдХрд░рддрд╛ рд╣реВрдВ рдФрд░ рдореИрдВрдиреЗ рдлреНрд░реЗрдЧрдореЗрдВрдЯ рдХреНрдпреЛрдВ рдмрдирд╛рдП рдореИрдВрдиреЗ рдЗрд╕ рдлреНрд░реЗрдЧрдореЗрдВрдЯ рдбрд┐рд╕рд▓реА рдмрдирд╛рдпрд╛ рддрд╛рдХрд┐ рдореИя┐╜я┐╜
3:38
рдЗрд╕рдХреЗ рдЕрдВрджрд░ рдФрд░ рдЪреАрдЬреЛрдВ рдХреЛ рднреА рд░рд┐рдЯрд░реНрди рдХрд░ рд╕рдХреЛ рдпрд╣рд╛рдВ рдкрд░ рдЗрд╕ рдЯреЗрдВрдЯ рдХреЗ рд╕рд╛рдЗрдб рдореЗрдВ рд▓реЗрдХрд░ рдЬрд╛рдКрдВрдЧрд╛ рддрд╛рдХрд┐ рд░рд┐рдЯрд░реНрди рд╣я┐╜я┐╜
3:43
рдЕрдм рдЗрд╕рдХреЗ рдЕрдВрджрд░ рдореИрдВ рдХреБрдЫ рднреА рдбрд╛рд▓ рд╕рдХрддрд╛ рд╣реВрдБ рдорд╛рд▓реЛ рдореИрдВ рдЖрдкрдХреЛ рдХреБрдЫ рдЗрд╕ рддрд░рд╣ рд╕реЗ рдбрд╛рд▓рддрд╛ рд╣реВя┐╜я┐╜
3:47
рдореИрдВ рдХрд╣реВрдБрдЧрд╛ рдпрд╛ рдбрд┐рд╡ рдпрд╣рд╛рдБ рдкрд░ amat рдирд╣реАрдВ рдЪрд▓ рд▓рд┐рдпрд╛ рд╣реИ javascript react javascript react div iamadiv I am a div I am a div pages I am a div
4:03
about рдореЗрдВ рдЬрд╛рдКрдБрдЧрд╛ I am a div, рдФрд░ this is my about component, рдЬреЛ рдХреА рд╣рдорд╛рд░рд╛ component рд╣реИ
4:07
рдмреНрд▓реЙрдЧ рдореЗрдВ рдЬрд╛рдКрдБрдЧрд╛ I am a div, рдореИрдВ рдЖрдП рдореИрдВ рдбрд┐рд╡ рдирд╣реАрдВ рджрд┐рдЦрд╛рдирд╛ рдЪрд╛рд╣рддрд╛, рдореИрдВ рдиреИрд╡ рдмрд╛рд░ рджрд┐рдЦрд╛рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдБ, рдареАрдХ рд╣реИ
4:12
рддреЛ рдореИрдВ рдЖрдУрдВрдЧрд╛ рдЕрдкрдиреА index.js рдХреЗ рдЕрдВрджрд░, рдЬрд┐рд╕рдХреЗ рдЕрдВрджрд░ рдореИрдВрдиреЗ рдиреИрд╡ рдмрд╛рд░ already рдЗрдВрдЯреНрд░реВрдЯ рдХрд┐рдпрд╛ рд╣реБрдЖ рд╣реИ
4:17
рдФрд░ рдпрд╣рд╛рдБ рд╕реЗ рдиреИрд╡ рдмрд╛рд░ рдХреЛ рд╣рдЯрд╛рдХрд░, рдореИрдВ рдХреНрдпрд╛ рдХрд░реВрдБрдЧрд╛, рддреЛ рдпрд╣рд╛рдВ рдкрд░ рдпрд╣ рдЬреЛ рдбрд┐рд╡ рдирд╛рд╡ рдмрд╛рд░ рд╣реИ рдпрд╣ рдирд╛ рд░рд┐рдЯрд░реНрди рдХрд░рддреЗ рд╣реБрдП рдореИрдВ рдХреНрдпрд╛ рдХрд░реВрдВрдЧрд╛ рдпрд╣ рд╡рд╛рд▓рд╛ рдирд╛рд╡ рдмрд╛рд░ рд░рд┐рдЯрд░реНрди рдХрд░реВрдВрдЧрд╛ рддреЛ рдпрд╣ рдЬреЛ рдХреЛрдб рд╣реИ рдЗрд╕рдХреЛ рдРрд╕реЗ рдХрдЯ рдХрд░реВрдВрдЧрд╛ рдХреЙрдкреА рднреА рдирд╣реАрдВ рдХрд░реВрдВрдЧрд╛ рдХрдЯ рдХрд░реВрдВрдЧрд╛ рдФрд░ index.js рдХреЛ рд╕реЗрд╡ рдХрд░ рд▓реВрдБрдЧрд╛ рдФрд░ рдпрд╣рд╛рдВ рдкрд░ рдЗрд╕рдХреЛ рдкреЗрд╕реНрдЯ рдХрд░ рджя┐╜я┐╜
4:50
рджреЗрдЦреЛ рдХрд┐ рдиреЗрд╡ рдмрд╛рд░ рдпрд╣рд╛рдВ рд╕реЗ рдЧрд╛рдпрдм рд╣реЛ рдЪреБрдХрд╛ рдХреНрдпреЛрдВрдХрд┐ рдореИрдВрдиреЗ рд╡рд╣рд╛рдВ рд╕реЗ рдХрдЯ рдХрд░ рджрд┐рдпрд╛ рдЕрднреА рдЬреЛ рдЖрдпрдо рд╣реИ рдбрд┐рд╡ рд╣реИ рдирд╛ рдЗрд╕рдХреЛ рдореИрдВ рдиреЗрд╡ рдмрд╛рд░ рд╕реЗ рд░рд┐рдкреНрд▓реЗрдЬ рдХрд░реВрдБрдЧрд╛ рдФрд░ рдЖрдк рд▓реЛрдЧ рджреЗрдЦрдиреЗ рдХрд╛рдо рдореИрдВ рдХреИрд╕реЗ рдХрд░реВрдБрдЧрд╛ рдореИрдВ рдпрд╣рд╛рдБ рдкрд░ рдиреЗрд╡ рдмрд╛рд░ рдХреЛ рдХреБрдЫ рдЗрд╕ рддрд░рд╣ рд╕реЗ рдпреВрдЬ рдХрд░реВрдБрдЧрд╛ рдареАрдХ я┐╜я┐╜
5:20
from components Navbar рдареАрдХ рд╣реИ рддреЛ рдпрд╣рд╛рдВ рдкрд░ рдЕрдЧрд░ рдореИрдВ рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ рдЕрдкрдирд╛ рдкреЗрдЬ рджрд┐рдЦрд╛рдКрдВ рддреЛ рдпрд╣рд╛рдВ рдкрд░ рд╕реНрдЯрд╛рдЗрд▓реНрд╕ рдиреЙрдЯ рдбрд┐рдлрд╛рдЗрдиреНя┐╜я┐╜
5:25
рдУрдХреЗ рд╕реНрдЯрд╛рдЗрд▓реНрд╕ рдиреЙрдЯ рдбрд┐рдлрд╛рдЗрдиреНрдб рд╕рд╣реА рдХрд╣ рд░рд╣рд╛ рд╣реИ рдпрд╣рд╛рдВ рдкрд░ рдореБрдЭреЗ рд╕реНрдЯрд╛рдЗрд▓реНрд╕ рдХреЛ рджреБрдмрд╛рд░рд╛ рд╕реЗ рдЗрдВрдкреЛрд░реНрдЯ рдХрд░рдирд╛ рдкрдбрд╝реЗрдЧрд╛ рдХреНрдпреЛрдВрдХрд┐ рдореИя┐╜я┐╜
5:31
рдпрд╣рд╛рдБ рдкрд░ рдореИрдВ рд╕реНрдЯрд╛рдЗрд▓реНрд╕ рдХреЛ рдпреВрдЬ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рдареАрдХ рд╣реИ рдХрд╣реАрдВ рдирд╛ рдХрд╣реАрдВ рдореБрдЭреЗ рдирдмрд░реЛрдЯ рдореЙрдбрд┐рд▓ рдФрд░ рд╕реАрдПрд╕ рдмрдирд╛ рд▓реЗрдия┐╜я┐╜
5:36
рдЪрд╛рд╣рд┐рдП рдерд╛ рдмрдЯ рдЯреИрдЯреНрд╕ рдлрд╛рдЗрди рдореИрдВ рдпрд╣реА рд╡рд╛рд▓реЗ рд╕реНрдЯрд╛рдЗрд▓реНрд╕ рдХреЛ рдпрд╣рд╛рдВ рдкрд░ рдЗрдВрдкреЛрд░реНрдЯ рдХрд░реВрдВрдЧрд╛ рдФрд░ рдЖрдк рд▓реЛрдЧ рджреЗрдЦреЛ рдпрд╣рд╛я┐╜я┐╜
5:41
рд▓рд┐рдВрдХ рдЗрд╕ рдиреЛрдЯ рдбрд┐рдлрд╛рдЗрди рддреЛ рд╕рд╛рд░реА рдЪреАрдЬреЗрдВ рдЗрдВрдкреЛрд░реНрдЯ рдХрд░рдиреА рдкрдбрд╝реЗрдВрдЧреА рдпрд╣рд╛рдБ рдкрд░ рд╕реЗ рд▓рд┐рдВрдХ рдФрд░ рд╕реНрдХреНрд░рд┐рдкреНрдЯ рджреЛрдиреЛрдВ рдХреА рдЬрд░реВрд░я┐╜я┐╜
5:47
script external script load about nav nav
6:03
рд╣рдорд╛рд░реЗ рдХрдВрд╕реЛрд▓ рдореЗрдВ рдХреЛрдИ рднреА рдПрд░рд░ рдирд╣реАрдВ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП рдЬрдм рд╣рдо рд▓реЛрдЧ рдХрд╛рдо рдХрд░ рд░рд╣реЗ рд╣реИрдВ рдЕрдкрдиреА рдЕрдкреНрд▓реАрдХреЗрд╢рди рдХреЗ рд╕рд╛я┐╜я┐╜
6:08
рддреЛ рдареАрдХ рд╣реИ рддреЛ рдпрд╣рд╛рдБ рдкрд░ рдЖрдк рд▓реЛрдЧ рдмреНрд▓реЙрдЧ рдкрд░ рдЧрдП рд╣рдо рдХреЙрдиреНрдЯреИрдХреНрдЯ рдкрд░ рдЧрдП рдЕрдм рдЖрдЙрдЯ рдкрд░ рдЧрдП рд╣реЛрдо рдкрд░ рдЧрдП рдФрд░ рдмрд┐рд▓реНрдХреБрд▓ рд╕рд╣я┐╜я┐╜
6:14
рдЪрд▓ рд░рд╣реА рд╣реИ рдЕрдкреНрд▓реАрдХреЗрд╢рди рд╣рдорд╛рд░реА рдареАрдХ рд╣реИ рддреЛ рдЖрдИ рд╣реЛрдм рдХрд┐ рдЖрдк рд▓реЛрдЧ рдХреЛ рдордЬрд╛ рдЖрдпрд╛ рдпрд╣рд╛рдВ рдкрд░ рдЕрдм рдЖрдЙрдЯ рдЬреЛ рд╣реИ рдЗрд╕ рдкреЗрдЬ рдХя┐╜я┐╜
6:19
рдерд╛ рдерд╛ рдереЛрдбрд╝рд╛ рд╕рд╛ рдереЛрдбрд╝рд╛ рд╕рд╛ рдмрд╣реБрдд рдЬреНрдпрд╛рджрд╛ рднреА рдирд╣реАрдВ рдХрд░реВрдВрдЧрд╛ рдереЛрдбрд╝рд╛ рд╕рд╛ рдЗрд╕ рдкрд╛рд╕ рдмрдирд╛рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдареАрдХ рд╣реИ рдФрд░ рдЗрд╕рдореЗя┐╜я┐╜
6:25
рдХреБрдЫ рдЕрдм рдЖрдЙрдЯ рдбрд╛рд▓рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рддреЛ рдореИрдВ рдХрд╛рдо рдХрд░рддрд╛ рд╣реВрдВ рдЖрдк рд▓реЛрдЧ рдПрдХ рдЯрд╛рд╕реНрдЯ рджреЗрддрд╛ рд╣реВрдВ рдХрд┐ рдЖрдк рдЕрдм рдЖрдЙрдЯ рдкреЗрдЬ рдЦреБрдж рд╕я┐╜я┐╜
6:29
рдХрд░реЗрдВ рдареАрдХ рд╣реИ рдореИрдВ рдЕрдм designing рдирд╣реАрдВ рдХрд░рд╡рд╛рдирд╛ рдЪрд╛рд╣рддрд╛ course рдореЗрдВ time waste рдирд╣реАрдВ рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рддреЛ рдпрд╣ рдЖя┐╜я┐╜
6:35
рд▓реЛрдЧ рдЦреБрдж рд╕реЗ рдХрд░ рд▓реЗрдирд╛ рдареАрдХ рд╣реИ рд▓реЗрдХрд┐рди рдпрд╣ рдЬреЛ home page рд╣реИ рдпрд╣ рдореЗрд░рд╛ рдРрд╕реА рд░рд╣рдиреЗ рд╡рд╛рд▓рд╛ рд╣реИ рдФрд░ рдпрд╣рд╛рдВ рдкрд░ рдореИрдВ рдХреНрдпрд╛ рдХрд░реВрдБрдЧя┐╜я┐╜
6:40
рд▓рд┐рдВрдХ рдХрд░реВрдВрдЧрд╛ рдмреНрд▓реЙрдЧреНрд╕ рдХреЛ рд╕рд╛рд░реЗ рдХреЗ рд╕рд╛рд░реЗ рдмреНрд▓реЙрдЧреНрд╕ рдЬреЛ рд╣рдорд╛рд░реЗ рдкреЙрдкреБрд▓рд░ рдмреНрд▓реЙрдЧреНрд╕ рд╣реЛрдВрдЧреЗ рдпрд╛ рдлрд┐рд░ рдЯреЙя┐╜я┐╜
6:44
рдереНрд░реА рдмреНрд▓реЙрдЧреНрд╕ рд╣реЛрдВрдЧреЗ рд╡реЛ рдпрд╣рд╛рдБ рдкрд░ рдореИрдВ рд▓рд┐рдЦреВрдВрдЧрд╛ рд▓реЗрдЯреЗрд╕реНрдЯ рд▓реЙрдХреНрд╕ рдпрд╛ рдкреЙрдкреБрд▓рд░ рдмреНрд▓реЙрдЧреНрд╕ рдореИрдВ рд▓реЗрдЯреЗрд╕реНя┐╜я┐╜
6:49
рдмреНрд▓реЙрдХ рдХрд░ рджреЗрддрд╛ рд╣реВрдБ рдЙрд╕рдХреЛ рдареАрдХ рд╣реИ рдХреБрдЫ рднреА рдХрд░ рд╕рдХрддреЗ рд╣реЛ рджрд╛рдЯреНрд╕ рджрд╛рдЯреНрд╕ рдПрдбрд┐рдЬрд╛рдЗрди рдЪреЙрдЗрд╕ рдареАрдХ рд╣реИ рдореИрдВ рд▓реЗрдЯреЗрд╕реНрдЯ рдмреНрд▓реЙя┐╜я┐╜
6:55
рдХрд░ рджреЗрддрд╛ рд╣реВрдБ рдФрд░ рдпрд╣рд╛рдБ рдкрд░ рд▓реЗрдЯреЗрд╕реНрдЯ рдмреНрд▓реЙрдХ рд╕рдм рджреЗрдЦрдиреЗ рдХреЛ рдорд┐рд▓реЗрдВрдЧреЗ рдареАрдХ рд╣реИ рддреЛ рдореИрдВ рдХреНрдпрд╛ рдХрд░реВрдВрдЧрд╛ рдХрд┐ рдЕрдЧрд░ рдХрд╣реАя┐╜я┐╜
6:59
database рд╕реЗ рд▓реЗрдХрд░ рдЖ рд░рд╣рд╛ рд╣реВрдБ data рдХреЛ рддреЛ рд╡рд╣рд╛рдБ рд╕реЗ fetch рдХрд░реВрдБрдЧрд╛ рдФрд░ рдХрд╣реВрдБрдЧрд╛ рдХрд┐ рдпрд╛рд░ рдЬреЛ рд╣рдорд╛рд░реЗ top 3 рд╣я┐╜я┐╜
7:03
рд╡реЛ рдпрд╣рд╛рдБ рдкрд░ display рдХрд░рд╛ рджрд┐рдпреЗ рдЬрд╛рдП рдареАрдХ рд╣реИ рддреЛ рдпреЗ рд╣реЛ рдЧрдпрд╛ рд╣рдорд╛рд░рд╛ home page about page рддреЛ рдЖрдк рд▓реЛя┐╜я┐╜
7:09
рдмрдирд╛рдИ рд▓реЛрдЧреЗ рдпрд╛рд░ contact page рдореИрдВ рдмрдирдорд╛рдКрдВрдЧрд╛ рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ рддреЛ рдЖрдк рд▓реЛрдЧ рдЬреЛ рд╣реИ рдереЛрдбрд╝рд╛ рд╕рд╛ wait рдХрд░реЛ рд╣рдо рд▓реЛрдЧ рдкрд╣рд▓я┐╜я┐╜
7:14
рдмреНрд▓реЙрдЧ рдХреА functionality рдХреЛ finish рдХрд░ рд▓реЗрддреЗ рд╣реИрдВ рдЙрд╕рдХреЗ рдмрд╛рдж рдЖрдк рд▓реЛрдЧ рджреЗрдЦрдирд╛ рд╣рдо рд▓реЛрдЧ contact page рднреА рдмрдирд╛рдПрдВрдЧя┐╜я┐╜
7:18
I hope рдХреА рдордЬрд╝рд╛ рдЖ рд░рд╣рд╛ рд╣реИ рдЖрдк рд╕рдм рд▓реЛрдЧреЛрдВ рдХреЛ рдФрд░ рдЙрд╕реЗ рдХреЗ рд╕рд╛рде рд╕рд╛рде рдЖрдиреЗ рд╡рд╛рд▓реЗ рд╡реАрдбрд┐рдпреЛ рдореЗя┐╜я┐╜
7:22
рдЖрдк рд▓реЛрдЧ рдЬрд╝рд░реВрд░ рд╕реЗ рджреЗрдЦрдирд╛ рд╣реИ рд╣рдо рдХрд┐рд╕ рддрд░рд╣ рд╕реЗ рдмреНрд▓реЙрдЧ рдФрд░ рдмреНрд▓реЙрдЧ рдкреЛрд╕реНрдЯ рдмрдирд╛рдиреЗ рд╡рд╛рд▓реЗ рд╣реИя┐╜я┐╜
7:26
рдиреЗрдХреНрд╕ рдЬрд┐рдпрд░реНрд╕ рдХреА рдкреНрд▓реЗрд▓рд┐рд╕реНрдЯ рдХреЛ рдЬрд╝рд░реВрд░ рд╕реЗ рдЕрдХреНрд╕реЗрд╕ рдХрд░ рд▓реЗрдирд╛ рдмрд╣реБрдд рд╕рд╛рде important рд╣реИ, рдЕрдм рдпреЗ рдХреЗ рд▓рд┐рдП рдЗрд╕ рд╡реАрдбрд┐рдпреЛ рдореЗрдВ рдЗрддрдирд╛ рд╣реИ guys, thank you so much guys for watching this video, and I will see you next time