0:00
рдХрднреА рдХрднреА next js application рдореЗрдВ рдЖрдк рд▓реЛрдЧ рдЪрд╛рд╣реЛрдЧреА рдХрд┐ рдпрд╛рд░ рдореЗрд░рд╛ рдПрдХ component рд╣реИ рдЗрд╕рдХреА рдПрдХ css рд╣я┐╜я┐╜
0:04
рдореИрдВ рдЗрд╕ component рдореЗрдВ рдпреЗ рд╡рд╛рд▓реА css рдпреВрдЬрд╝ рдХрд░реВрдБрдЧрд╛ рдФрд░ рдЗрд╕ component рдореЗрдВ рдпреЗ рд╡рд╛рд▓реА css рдпреВрдЬрд╝ рдХрд░реВрдБрдЧя┐╜я┐╜
0:11
рддреЛ рдЕрдЧрд░ рдореИрдВ рдПрдХ component рдореЗрдВ рдПрдХ css рдФрд░ рджреВрд╕рд░реЗ component рдореЗрдВ рджреВрд╕рд░реА css рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдБ next js рдХреЗ рдЕрдВрджя┐╜я┐╜
0:17
рдХрд┐ рдореИрдВ рдХреИрд╕реЗ рдХрд░реВрдВрдЧрд╛ рдпрд╣ рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ рдЗрд╕ рд╡реАрдбрд┐рдпреЛ рдХреЗ рд▓рд┐рдП рдмрддрд╛рдКрдВрдЧрд╛ рдХреНрдпрд╛ strategy рд░рд╣реА рд╣реИ рдХрд┐ рдпрд╣ рдХрд╛рдо рдХрд░рдиреЗ рдХреА рдФрд░ рдХреНрдпреЛрдВ рдпрд╣ рдХрд╛рдо рдореИрдВ рдХрд░рдирд╛ рдЪрд╛рд╣реВрдВрдЧя┐╜я┐╜
0:24
at the first place рдЪрд▓рддреЗ рд╣реИрдВ computer screen рдореЗрдВ рдФрд░ рдЗрди рд╕рд╛рд░реЗ questions рдХя┐╜я┐╜
0:27
answer рдХрд░реЗрдВрдЧреЗ let's get started with this video рддреЛ рдпрд╛рд░ рд╣рдо рд▓реЛрдЧреЛрдВ рдиреЗ рдХрдИ рдЪреАрдЬрд╝реЗрдВ рджреЗрдЦреЗрдВ рдЕрднреА рддрдХ рдареАрдХ рд╣я┐╜я┐╜
0:41
рд╣рдо рд▓реЛрдЧреЛрдВ рдиреЗ рдХрд╣рд╛ рдХрд┐ рдпрд╛ рдЪрд▓реЛ рд╣реЗрдЯ рдЯреЗрдВрдЧ рдЗрд╕ рддрд░рд╣ рд╕реЗ рдЪреЗрдВрдЬ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ Next.js рдХреА рдорджрдж рд╕я┐╜я┐╜
0:46
рд╣рдордиреЗ рдХрд╣рд╛ рд╣реИ рдПрдХ рдЗрдореЗрдЬ рдХреЛ рдЕрдкреНрдЯрд┐рдорд╛рдЗрдЬ рдХрд░ рд▓реЛ рдЖрдЬ рд╣рдо рд▓реЛрдЧ рджреЗрдЦреЗрдВрдЧреЗ CSS рдЬреЛ рдХреА рдПрдХ рдмрд╣реБрдд рдЗрдВрдкреЛрд░реНрдЯреЗрдЯ рдЪреАрдЬ рд╣я┐╜я┐╜
0:51
HTML, CSS, JavaScript рд╕реЗ рдЗрд╕ рд╡рд┐рдлрд╕рд╛рдЗрдЯ рдмрдирддреА рд╣реИ рдФрд░ CSS рдХреЛ рдХрд┐рд╕ рддрд░рд╣ рд╕реЗ manage рдХрд░реЗрдВрдЧя┐╜я┐╜
0:56
рдЗрди Next.js рдХреЗ рдПрдХ рдмрд╣реБрдд рдмрдбрд╝рд╛ impact рдбрд╛рд▓реЗрдЧреА рдЗрд╕ framework рдХреА popularity рдкрд░ рдареАрдХ рд╣я┐╜я┐╜
1:00
рддреЛ рдЬреЛ CSS manage рдХрд░рдиреЗ рдХрд╛ рддрд░реАрдХрд╛ рд╣реИ Next.js рдХрд╛ рд╡реЛ рдХрд╛рдлреА amazing рд╣я┐╜я┐╜
1:06
рдФрд░ рдореИрдВ рдпрд╣рд╛рдБ рдкрд░ open with code рдкрд░ click рдХрд░рдХреЗ рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ рджрд┐рдЦрд╛рддрд╛ рд╣реВрдБ рдХрд┐ рдореЗрд░реЗ рдХрд╣рдиреЗ рдХрд╛ рдХреНрдпрд╛ рдорддрд▓рдм рд╣я┐╜я┐╜
1:10
рдпрд╛рджреЗ рдореИрдВрдиреЗ рдЖрдк рд▓реЛрдЧ рд╕реЗ рдХрд╣рддрд╛ рд╣реИ рдХрд┐ рдпрд╛рд░ рддреЛ рд░реБрдХ рдЬрд╛рдУ рдЗрд╕рдХреЛ рд╣рдо рд▓реЛрдЧ discuss рдХрд░реЗрдВрдЧя┐╜я┐╜
1:13
рдЕрдм рд╡реЛ рд╡рдХреНрдд рдЖ рдЧрдпрд╛ рд╣реИ рд╣рдо рд▓реЛрдЧ рдЗрд╕рдХреЛ discuss рдХрд░ рд░рд╣реЗ рд╣реИрдВ class name is equal to style start container рдпреЗ рдЬреЛ рд▓рд┐рдЦрд╛ рд╣реБрдЖ рд╣реИ рдпреЗ рдХреНрдпрд╛ рдХрд░ рд░рд╣рд╛ рд╣я┐╜я┐╜
1:20
рдЬрдм рд╣рдо import рдХрд░ рд░рд╣реЗ рд╣реИрдВ рдХрд┐рд╕реА рднреА CSS рдХреЛ рдЗрд╕ рддрд░рд╣ рд╕реЗ рд╣рдо рдХреИрд╕реЗ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ
1:25
рдПрдХ CSS рдлрд╛рдЗрд▓ рд╕реЗ рд╣рдо рдЗрд╕ рддрд░рд╣ рд╕реЗ import рдХреИрд╕реЗ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рджреЗрдЦреЛ JavaScript import рддреЛ рдЖрдкрдХреЛ рдЖрддрд╛ рд╣реЛрдЧрд╛
1:30
рд▓реЗрдХрд┐рди рдЪрд▓ рдХреНрдпрд╛ рд░рд╣рд╛ рд╣реИ рдпрд╣рд╛рдБ рдкрд░, рдпрд╣ рдЗрд╕ рд╡реАрдбрд┐рдпреЛ рдореЗрдВ рдореИрдВ рдЖрдкрдХреЛ рдмрддрд╛рдКрдВрдЧрд╛, рджреЗрдЦреЛ рдпрд╛рд░, Next.js рдХреЗ рдЕрдВрджрд░ рдХреНрдпрд╛ рд╣реЛрддрд╛ рд╣реИ
1:34
рдХрд┐ рдЖрдк component level CSS рдХреЛ рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд░ рд╕рдХрддреЗ рд╣реЛ, рд╣реЛрдо рдореЙрдбреНрдпреВрд▓ рдХреЗ рд▓рд┐рдП рдпрд╣ рд╕реАрдПрд╕рд╕ рд▓рд┐рдЦ рд░рд╣реЗ рд╣реИрдВ рдпрд╛рдирд┐ рдХрд┐ рдЗрдВрдбреЗрдХреНрд╕ рдбреЙрдЯ рдЬреАрдПрд╕ рдХреЗ рд▓рд┐рдП рд▓рд┐рдЦ рд░рд╣реЗ рд╣реИрдВ рдареАрдХ рд╣реИ рддреЛ рдЖя┐╜я┐╜
1:59
рд▓реЛрдЧ рдпрд╣рд╛рдВ рдкрд░ рджреЗрдЦреЛ рдХрд┐ рд╣рдордиреЗ рдЗрд╕рдХреЛ рдЗрдВрдкреЛрд░реНрдЯ рдХрд░ рд▓рд┐рдпрд╛ рд╕реНрдЯрд╛рдЗрд▓реНрд╕ рдлреНрд░реЙрдо рдпрд╣ рдареАрдХ рд╣реИ рдЬреЛ рднреА рдЗрд╕рдХрд╛ рдлрд╛рдЗрд▓ рдкрд╛рдж рд╣реИ рдЕрдм рдЬя┐╜я┐╜
2:04
рдиреЗрдХреНрд╕ рдЬреЗрд╕ рд╣реЛрддрд╛ рд╣реИ рд╡рд╣ рдЗрдВрдкреЛрд░реНрдЯрд┐рдВрдЧ рдХреЛ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдореЙрдбреНрдпреВрд▓реНрд╕ рдХреА рдЗрдВрдкреЛрд░реНрдЯрд┐рдВрдЧ рдХреЗ рдмрд┐рдпреЙрдВрдб рд▓реЗрдХрд░ рдЬрд╛рддрд╛ рд╣реИ рдЗрдВрдкреЛрд░реНрдЯрд┐рдВрдЧ рдХя┐╜я┐╜
2:12
concept рдХреЛ рдпрд╣рд╛рдВ рдкрд░ рдиреЗрдХреНрд╕ рдЬреЗрд╕ рдереЛрдбрд╝рд╛ рдмрд╣реБрдд рдореЙрдбрд┐рдлрд╛рдИ рдХрд┐рдпрд╛ рдХреБрдЫ рдЗрд╕ рддрд░рд╣ рд╕реЗ рд╕рдордЭ рд▓реЛ рд╣рдо рдЗрд╕ рддрд░рд╣ рд╕реЗ рдпрд╣рд╛рдВ рдкя┐╜я┐╜
2:18
рд╕рд╛рдЗрдбреНрд╕ рдХреЛ рдЗрдВрдкреЛрд░реНрдЯ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдореИрдВрдиреЗ рдЗрд╕ рдЯрд╛рдЗрд▓ рдЗрдВрдкреЛрд░реНрдЯ рдХрд┐рдпрд╛ рдЕрднреА рд╕реНрдЯрд╛рдЗрд▓ рд╕реЗ рдХрд╛ рдСрдмреНрдЬреЗрдХреНрдЯ рдмрди рдЪреБрдХрд╛ рд╣реИ рдареАрдХ рд╣я┐╜я┐╜
2:23
рдЖрдкрдХреЛ рджрд┐рдЦрд╛рддрд╛ рд╣реВрдВ рд▓реЛрдЧреЛрдВ рдХрдВрд╕реЛрд▓ рдбреЙрдЯ рд▓реЙрдЧ рд╕реНрдЯрд╛рдЗрд▓ рдХрд░рдХреЗ рдареАрдХ рд╣реИ рдХреНрдпрд╛ рд╕рд░реНрд╡рд░ рдЪрд▓ рд░рд╣рд╛ рд╣реИ рдЪрд▓рдирд╛ рдЪрд╛рд╣рд┐рдП рдпрд╛рд░ рдирд╣реАя┐╜я┐╜
2:31
рдЪрд▓ рд░рд╣рд╛ рд╣реИ рддреЛ striking рджрд┐рдЦрддрд╛ рдирд╣реАрдВ рд╣реИ рдпрд╛ рдкрд░ рдХрд┐ рдХреНрдпрд╛ рдЪреАрдЬ рдХрд╣рд╛рдВ рдкрд░ рд╣реИ рдореИрдВ рдпрд╣ рдЕрдВрдбреЗрд╡ рдХрд░ рд▓реЗрддрд╛ рд╣реВрдВ рдпрд╣рд╛рдВ рдкя┐╜я┐╜
2:37
console object print print card code value container value description value home underscore card underscore underscore underscore lpl1 lpl1
3:09
рдЗрд╕ рдлрд╛рдЗрд▓ рдХреЗ рдЕрдВрджрд░ рдиреЗрдХреНрд╕реНрдЯ рдЪреЗрд╕ рдХреЗ рдкреАрдЬ рдХреЗ рдЕрдВрджрд░ рдареАрдХ рд╣реИ рдиреЗрдХреНрд╕реНрдЯ рдЪреЗрд╕ рдХреЗ рдкреАрдЬ рдХреЗ рдЕрдВрджрд░ рдПрдХ рдСрдмреНрдЬреЗрдХреНрдЯ рдмрдирд╛ рджрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рдЬрд┐рд╕рдХреА рдХреАрдЬ рд╣реЛрддреА рд╣реИ рдпрд╣ рдХреНрд▓рд╛рд╕реЗрд╕ рдЬрд┐рддрдиреА рднреА рдХреНрд▓рд╛рд╕реЗрд╕ рд╣рдорд╛рд░реА рд╕реАрдПрд╕рд╕ рдХреЗ рдЕрдВрджрд░ рд╣реИ рдФрд░ рд╡рд╛рд▓реНрдпреВ рд╣реЛрддреА рд╣реИ рдПрдХ рдпреВрдирд┐рдХ рд╡рд╛рд▓реНрдпреВ рдПрдХ рдРрд╕реА рдпреВрдирд┐рдХ я┐╜я┐╜
3:39
рд▓реЛ рдареАрдХ рд╣реИ рдЕрдм рдЬрдм main use рд╣реЛрдЧреА рддреЛ рдХреМрди рд╕реА рд╡рд╛рд▓реА main use рд╣реЛрдЧреА рдЗрд╕рдХреА рд╣реЛрдЧреА рдпрд╛ рдлрд┐рд░ рдПрдХ рджреВрд╕рд░я┐╜я┐╜
3:44
file рдЬреЛ рдХрд┐ рдЖрдкрдиреЗ include рдХрд░реА рд╣реИ рдЬрд┐рд╕рдХреЗ рдЕрдВрджрд░ changed values рд╣реИ рдЙрд╕рдХреА рд╣реЛрдЧреА рддреЛ рдЗрд╕ рдЪреАрдЬ рд╕я┐╜я┐╜
3:49
рдмрдЪрдиреЗ рдХреЗ рд▓рд┐рдП рдпрд╣рд╛рдБ рдкрд░ module.css рдпрд╛ рдлрд┐рд░ css modules рдЬрд┐рд╕реЗ рдХрд╣рддреЗ рд╣реИрдВ рд╡реЛ рдмрдирд╛рдИ рдЬрд╛рддреЗ рд╣реИрдВ рдареАрдХ рд╣я┐╜я┐╜
3:54
рдЕрдм рд╕рдордЭ рджреЛ рдореИрдВ рдпрд╣рд╛рдБ рдкрд░ рдХреНрдпрд╛ рдХрд╣рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рд╣реВрдБ рдореИрдВ рдЗрд╕рдХреЛ comment out рдХрд░реВрдБрдЧя┐╜я┐╜
3:58
рдЕрдм рдЖрдк рд▓реЛрдЧ рджреЗрдЦреЛ рдЬрдм рдореИрдВ class name is equal to styles.container рдХрд░рддрд╛ рд╣реВрдБ рддреЛ behind the scenes
4:04
next.js рдПрдХ рдЬрд╛рджреВ рдЪрд▓рд╛рддрд╛ рд╣реИ рдФрд░ рдЬрд╛рджреВ рдореЗрдВ рд╡реЛ рдХреНрдпрд╛ рдХрд░рддрд╛ рд╣реИ рд╡реЛ рдХрд╣рддрд╛ рд╣реИ рдЬрд▓реЛ рдареАрдХ рд╣реИ рддреБрдорд╛рд░реЗ styles
4:08
рдХрд╣рд╛рдВ рд╕реЗ рдЖ рд░рд╣рд╛ рд╣реИ рдЕрдЪреНрдЫрд╛ рдпрд╣ рд╡рд╛рд▓реА CSS files рдЖ рд░рд╣рд╛ рд╣реИ рдЬрд╛рддрд╛ рд╣реИ рдпрд╣рд╛рдБ рдкрд░ рдФрд░ рддреБрдордиреЗ рдХреНрдпреЛрдВрдХя┐╜я┐╜
4:12
styles.container рдмреЛрд▓рд╛ рд╣реИ рдЗрд╕рд▓рд┐рдП рд╡реЛ рдХреНрдпрд╛ рдХрд░реЗрдЧрд╛ рдпрд╣ рд╕рд╛рд░реА рдХреА рд╕рд╛рд░реА рдЪреАрдЬя┐╜я┐╜
4:15
рдЬреЛ рдХреА CSS properties рд╣реИ рдЙрдирдХреЛ apply рдХрд░ рджреЗрдЧрд╛ рддреЛ styles.container рдпрд╣ CSS properties
4:22
apply рдХрд░ рджреЗрдЧрд╛ рдареАрдХ рд╣реИ рдЕрдм рдХреНрдпреЛрдВрдХрд┐ next.js рдХреЗ рдкрд╛рд╕ рдПрдХ рдЬрдореНрдорд┐рджрд╛рд░реА рд╣реИ рдХрд┐ collision рдирд╛ рд╣реЛ, collision рдХрд╛ рдХреНрдпрд╛ рдорддрд▓рдм рд╣реИ, рдорд╛рди рд▓реЛ рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ home1.module.css рд╣реЛрддрд╛, рджрд┐рд╣рд╛рди рд╕реЗ рд╕реБрдирдирд╛, рдорд╛рди рд▓реЛ рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ home1.module.css рд╣реЛрддрд╛, рдФрд░ рджреВрд╕рд░рд╛ home2.module.css рд╣реЛрддрд╛, рджреЛрдиреЛрдВ рдореЗрдВ рдореИрдВрдиреЗ container define рдХрд┐рдпрд╛ рд╣реБрдЖ рд╣реИ, рдПрдХ рдореЗрдВ рдореИрдВрдиреЗ container рдХреЛ рдХрд░ рджрд┐рдпрд╛ bg red рдорд╛рди рд▓реЛ, рдареАрдХ рд╣реИ, рдЕрд░я┐╜я┐╜
4:54
рдпрд╣рд╛рдБ рдкрд░ рдореИрдВ copy paste рдХрд░реВрдБрдЧрд╛ рдХрд╣рд╛рдБ рд╣реИ styles рдореЗрд░рд╛ home1 рдХрд░ рджрд┐рдпрд╛ home1 рдХреЗ рдЕрдВрджя┐╜я┐╜
4:58
рдЕрднреА рдбрд╛рд▓рддреЗ рд╣реИрдВ home рдЙрдкреНрд╕ рдореИрдВ рдпрд╣рд╛рдБ рдкрд░ рдХреНрдпрд╛ рдХрд░реВрдБрдЧрд╛ рдХрд┐ рдЗрд╕рдХреЛ home2 рдХрд░ рджреВрдБрдЧя┐╜я┐╜
5:05
рдФрд░ рджреЗрдЦ рдирд╛ рдпрд╣рд╛рдБ рдкрд░ рдХреНрдпрд╛ рдорддрд▓рдм рд╕рдордЭ рдореЗрдВ рдЖрдПрдЧрд╛ рдореИрдВ рдореБрдЭреЗ рд╕реЗ рдмрддрд╛ рджреВрдВрдЧрд╛ рддреЛ рд╡реЛ рдордЬрд╛ рдирд╣реАрдВ рдЖрдПрдЧрд╛ рд╡реЛ рдареАрдХ рд╣я┐╜я┐╜
5:09
рдФрд░ рдореБрдЭреЗ рднреА as an instructor рдордЬрд╛ рдирд╣реАрдВ рдЖрдПрдЧрд╛ рдпрд╛рд░ рдЖрдкрдХреЛ рдЧрдпрд╛ рдХреНрдпрд╛ рдХрд╣рдХреЗ рдЪрд▓рд╛ рдЧрдпя┐╜я┐╜
5:13
рдареАрдХ рд╣реИ рд╕рдордЭ рд▓реЛ рдореЗрд░реА рдмрд╛рдд рдХреЛ рдЕрдм рдореИрдВ рдпрд╣рд╛рдБ рдкрд░ рдХреНрдпрд╛ рдХрд░реВрдБрдЧрд╛ рд▓рд┐рдЦреВрдБрдЧрд╛ .con рдареАрдХ рд╣реИ .con рд▓рд┐рдЦреВрдБрдЧя┐╜я┐╜
5:19
рдФрд░ рдореИрдВ рдпрд╣рд╛рдБ рдкрд░ background color рдХреЛ рдХрд░ рджреВрдВрдЧрд╛ red рдареАрдХ рд╣я┐╜я┐╜
5:22
red background red background yellow copy yellow import
5:33
рдЗрдирдХреЛ Ctrl D, Ctrl D, Styles 1, Styles 2, Home 1, Home 2
5:38
рдареАрдХ рд╣реИ рдЕрдм рдзреНрдпрд╛рди рд╕реЗ рджреЗрдЦреЛ рдореИрдВ рдпрд╣рд╛рдБ рдкрд░ рдХреНрдпрд╛ рдХрд░ рд░рд╣рд╛ рд╣реВрдБ рдареАрдХ рд╣реИ, рдореИрдВ рдпрд╣рд╛рдБ рдкрд░ рдХреНрдпрд╛ рдХрд░ рд░рд╣рд╛ рд╣реВрдБ
5:43
рдЬреЛ рдореЗрд░рд╛ nav bar рд╣реИ, рдореИрдВ рдХрд╣реВрдБрдЧрд╛ class name is equal to, рдореИрдВ рдЬрд░рд╣ рдпрд╣рд╛рдБ рдкрд░ рдХреНрдпрд╛ рдХрд░реВрдБрдЧрд╛
5:49
рдпрд╣рд╛рдБ blogs рдореЗрдВ рд▓реЗ рд▓реЗрддреЗ рд╣реИрдВ рдпрд╣рд╛рдБ рдкрд░, class name is equal to рдЬреЛ blogs рдореИрдВрдиреЗ рдпрд╣рд╛рдБ рдкрд░ рдЗрд╕ рддрд░рд╣ рд╕реЗ рд▓рд┐рдЦрд╛ рд╣реИ
5:53
рдореИрдВ рдХреНрдпрд╛ рдХрд░реВрдБрдЧрд╛, class name is equal to blogs рдореИрдВрдиреЗ рд▓рд┐рдЦрд╛ рд╣реИ, class name is equal to blogs рдирд╛ рд▓рд┐рдЦрдХя┐╜я┐╜
5:57
рдЕрдЧрд░ рдХреБрдЫ рдЗрд╕ рддрд░рд╣ рдХрд╛ рдХрд╛рдо рдХрд░реВрдБ рдореИрдВ рджрд┐рдЦрд╛рддрд╛ рд╣реВрдБ рдЖрдк рд▓реЛрдЧреЛ рдХрд┐рд╕ рддрд░рд╣ рдХрд╛ рдХрд╛рдо рдХреА рдмрд╛рдд рдХрд░ рд░рд╣я┐╜я┐╜
6:01
рдореИрдВ рдХрд╣реВрдБ рдХрд╣рд╛рдВ рдЧрдпрд╛ рдореЗрд░рд╛ styles one рдареАрдХ рд╣реИ styles one dot blog
6:08
sorry dot con рдареАрдХ рд╣реИ рдЕрдЧрд░ рдореИрдВ рдпреЗ class name рдЗрд╕рдХреЛ рджреЗ рджреВ рддрдм рдХреНрдпрд╛ рд╣реЛрдЧрд╛ рддрдм рдХреНрдпрд╛ background color рд╣реЛрдЧя┐╜я┐╜
6:14
рдЖрдк рд▓реЛрдЧ рдмрддрд╛рдУ, guess рдХрд░рдХреЗ, red рд╣реЛрдЧрд╛, obviously, рдпрд╛ styles1 рдореЗрдВ red рд╣реИ, рдареАрдХ рд╣реИ, рдФрд░, рдЕрдЧрд░ рдореИрдВ рдпрд╣рд╛рдБ рдкрд░, class name is equal to, рдореИрдВрдиреЗ рд▓рд┐рдЦрд╛ рд╣реИ, style1.con, рдЕрдЧрд░ рдореИрдВ рдЗрд╕рдХреЛ styles2.con рдХрд░ рджреВ, рддрдм рдХреНрдпрд╛ рд╣реЛрдЧрд╛, рддрдм yellow рд╣реЛ рдЬрд╛рдПрдЧрд╛, рддреЛ рдореИрдВ choose рдХрд░ рд╕рдХрддрд╛ рд╣реВрдБ, from variety of styles, рдЕрдм рдЖрдк рдПрдХ рдмрд╛рдд рдмрддрд╛рдУ, рдЬрдм рдпрд╣ render рд╣реЛрдЧреА, рдпрд╣ рдЪреАрдЬ рдЬрдм render
6:44
рдЖрдкрдХреЛ рдкрддрд╛ рд╣реИ рд╣рдо рдЯреВ рдЕрдВрдбрд░рд╕реНрдХреЛрд░ рдХреЙрди рд▓рд┐рдЦ рджреВрдВрдЧрд╛ рдЕрдЧрд░ рддреЛ рдХреЛрд▓реАрдЬрд┐рди рд╣реЛ рд╕рдХрддрд╛ рд╣реИ рдЗрд╕рд▓рд┐рдП рдХреНрдпрд╛ рдХрд░реЗрдЧреА рдПрдХ рд╕реЗя┐╜я┐╜
6:49
рд╕реНрдЯреНрд░рд┐рдВрдЧ рдпрд╣рд╛рдВ рд╕реЗ рдПрдХ рд╕реЗрдл рдпреВрдирд┐рдХ рд╕реНрдЯреНрд░рд┐рдВрдЧ рд▓рдЧрд╛ рджреЗрдЧреА рдпрд╣рд╛рдВ рдкрд░ рдФрд░ рдпрд╣ рдиреЗрдХреНрд╕реНрдЯ рдХреА рдЬрд┐рдореНрдореЗрджрд╛рд░реА рд╣реИ рд╕реНрдЯреНрд░рд┐рдВя┐╜я┐╜
6:53
рдмрд╣реБрдд рд╣реА рдпреВрдирд┐рдХ рд╣реЛрдЧреА рдХрднреА рднреА рдХреЛ рд▓рд╛рдЗрдЯ рдирд╣реАрдВ рдХрд░реЗрдЧреА рд╕рдордЭ рд░рд╣рд╛ рдерд╛ рдЖрдк рдореЗрд░реА рдмрд╛рдд рдХреЛ рдореИрдВ рдХреНрдпрд╛ рдХрд╣ рд░рд╣рд╛ рд╣реВрдВ рдпрд╛рдия┐╜я┐╜
6:57
рдХрд┐ рджрд┐рдХреНрдХрдд рдХрдм рд╣реЛрддреА рд╣реЛрдо рдЯреВ рдЕрдВрдбрд░рд╕реНрдХреЙрд░ рдХреЙрди рдЕрдЧрд░ рдореИрдВ рд▓рд┐рдЦ рджреЗрддрд╛ рддреЛ рдХрдм рджрд┐рдХреНрдХрдд рд╣реЛрддреА рджрд┐рдХреНрдХрдд рддрдм рд╣реЛрддреА рдЬрдм рдореИя┐╜я┐╜
7:04
multiple styles use рдХрд░рддрд╛ рд╣реИ, рдореИрдВ рдЖрдкрдХреЛ рджрд┐рдЦрд╛рддрд╛ рд╣реВрдБ рдореЗрд░реЗ рдХрд╣рдиреЗ рдХрд╛ рдХреНрдпрд╛ рдорддрд▓рдм рд╣реИ, рдЕрдм рдЖрдк рд▓реЛрдЧ рдпрд╣рд╛рдБ рдкрд░ рджреЗрдЦреЛ, рдореИрдВрдиреЗ рд▓рд┐рдЦрд╛ class name is equal to styles2.con
7:11
рдореИрдВ рдХреНрдпрд╛ рдХрд░реВрдБрдЧрд╛, рдпрд╣рд╛рдБ рдкрд░ рдПрдХ template literal рдХрд╛ рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд░реВрдБрдЧрд╛, рдореБрдЭреЗ рдкрддрд╛ рд╣реИ рдереЛрдбрд╝рд╛ рд╕рд╛ рдХрд╣реАрдВ рдирд╛ рдХрд╣реАрдВ, advanced рднреА рдирд╣реАрдВ рдХрд╣реВрдБрдЧрд╛
7:19
рд▓реЗрдХрд┐рди рд╣рд╛рдБ рдореИрдВ рдХрд╣реАрдВ рди рдХрд╣реАрдВ рдереЛрдбрд╝рд╛ рд╕рд╛ advance рдЬрд╛ рд░рд╣рд╛ рд╣реВрдБ рдареАрдХ рд╣реИ рдФрд░ рдпреЗ рдкреВрд░рд╛ javascript
7:23
рд╣реИ рддреЛ рдЗрд╕рдХреЗ рд▓рд┐рдП рдПрдХ рдПрдХ curly bracket рд╕рдордЭ рдЬреЛ рджреЗрдЦреЛ рдпя┐╜я┐╜
7:27
curly bracket рдореИрдВрдиреЗ javascript рдХреЗ рд▓рд┐рдП рд▓рдЧрд╛рдпрд╛ рдпреЗ template literal рдХреЗ рдЕрдВрджрд░ рдХреЗ variable рдХреЗ рд▓рд┐я┐╜я┐╜
7:31
рд▓рдЧрд╛рдпрд╛ рдореИрдВ рдЗрд╕реЗ copy рдХрд░реВрдБрдЧрд╛ рдФрд░ space рджреЗрдХрд░ рдпрд╣рд╛рдБ рдкрд░ styles 1.con
7:35
рдФрд░ styles2.con рджреЛрдиреЛрдВ apply рдХрд░ рджреВрдБрдЧрд╛ рдЕрдм save рдХрд░рдХреЗ рдореИрдВ рдЖрдкрдХреЛ рджрд┐рдЦрд╛рддрд╛ рд╣реВя┐╜я┐╜
7:39
рдЖрдк рджреЗрдЦреЛ home1 underscore con underscore underscore ggz jmb рдЖ рдЧрдпрд╛ рдФрд░ рдпреЗ рднреА рдЖ рдЧрдпя┐╜я┐╜
7:45
рджреЛрдиреЛрдВ рдЖ рдЧрдпреА рдареАрдХ рд╣реИ рджреЛрдиреЛрдВ styles рд╣рдорд╛рд░реЗ рдпрд╣рд╛рдБ рдкрд░ рдЖ рдЪреБрдХреЗ рд╣реИрдВ рдЕрдм рдЕрдЧрд░ рдХрд╣реАрдВ рдФрд░ рд╕реЗ home1 underscore con
7:50
рдпрд╛ home1 рдпрд╛ home2 underscore con рдЖ рд░рд╣реА рд╣реИ рдЕрдЧрд░ рдХрд╣реАрдВ рд╕реЗ рднреА home1 underscore con class
7:56
рдпрд╛ home2 underscore con class рдЖ рд░рд╣реА рд╣реИ рддреЛ рдпрд╣рд╛рдБ рдкрд░ рдпреЗ names
8:00
collide рдирд╣реАрдВ рдХрд░реЗрдВрдЧреЗ рдХреНрдпреЛрдВрдХрд┐ рдпреЗ names next.js рдиреЗ automatically change рдХрд░ рджрд┐рдпреЗ рд╣я┐╜я┐╜
8:05
рд╕рдордЭ рд░рд╣реЗ рд╣реЛ рдЖрдк рд▓реЛрдЧ multiple classes apply next
8:17
рдЬреЛ рд░рд╛рдпрддрд╛ рдлреИрд▓рд╛рдпрд╛ рдореИрдВрдиреЗ, рдЬреЛ рд░рд╛рдпрддрд╛ рдлреИрд▓рд╛рдпрд╛ рдореИрдВрдиреЗ, рдЗрд╕рдХреЛ рдЬрд╕реНрдЯ рдлреЙрд░ рдж рд╕реЛрд░реНрд╕ рдХреЛрдб рдореИрдВ рдпрд╣ рд░рд╣рдиреЗ рджреВрдВрдЧрд╛ рдЗрд╕ рдХрдореЗрдВрдЯ рдХреЛ рдлреНрдпреВрдЪрд░ рдореЗрдВ рдЗрд╕ рдХрдореЗрдВрдЯ рдХреЛ рдореИрдВ рд╣рдЯрд╛ рджреВрдВрдЧрд╛ рдареАрдХ рд╣реИ рддреЛ рдФрд░ рдпрд╣ рдореИя┐╜я┐╜
8:24
рдХреНрд▓рд╛рд╕ рдиреЗ рдореЗрдВ рд╣рдЯрд╛ рджреЗрддрд╛ рд╣реВрдВ рднреА рдпрд╣рд╛рдВ рд╕реЗ рдХрд┐ рдореБрдЭреЗ рдирд╣реАрдВ рд▓рдЧрддрд╛ рд╣реИ рдкрд░ рд╕реАрдПрд╕рд╕ рдЕрдкреНрд▓рд╛рдИ рд╣реЛ рднреА рджрд┐рдП рдареАрдХ рд╣реИ рд╣рдо рдХрд░реЗрдВрдЧреЗ рдЖрдЧя┐╜я┐╜
8:29
рдХрд░реЗрдВрдЧреЗ рд╕рдм рдХреБрдЫ рдХрд░реЗрдВрдЧреЗ рд▓реЗрдХрд┐рди рдЕрднреА рдХреЗ рд▓рд┐рдП рдЕрдкреНрд▓рд╛рдИ рд╢рд╛рдпрдж рдирд╣реАрдВ рд╣реЛ рд░рд╣реА рд╣реИ рддреЛ рдореИрдВ рдЗрд╕рдХреЛ рдРрд╕реЗ рд░рд╣рдиреЗ рджреВрдВрдЧя┐╜я┐╜
8:33
рдареАрдХ рд╣реИ рдФрд░ рдпрд╣ рджреЛрдиреЛрдВ рдЗрдВрдкреЛрд░реНрдЯреНрд╕ рднреА рд╣рдЯрд╛рдирд╛ рдЪрд╛рд╣реВрдВрдЧрд╛ рдЕрднреА рдХреЗ рд▓рд┐рдП рдХрдореЗрдВрдЯ рдЖрдЙрдЯ рдХрд░реВрдВрдЧрд╛ рдЖрдиреЗ рд╡рд╛рд▓реЗ рд╡реАрдбрд┐рдпреЛрд╕ рдореЗя┐╜я┐╜
8:38
рд▓рд╛рдЗрдЯ рджреВрдВрдЧрд╛ я┐╜ standard рдФрд░ рдЖрдкрдХреЛ рд╕рд╛рд░рд╛ рд╕реЛрд╕реНрдЯ рддреЛ рдорд┐рд▓реА рд░рд╣рд╛ рд╣реЛрдЧрд╛ рдЧрд┐рдЯ рдЖрдкрдХреЗ рдереНрд░реВ рддреЛ рдХреЛрдИ рдкреНрд░реЙрдмреНрд▓рдо рдирд╣реАрдВ рд╣реИ рдФрд░ рдпя┐╜я┐╜
8:42
рдореЙрдбрд┐рдпреЛрд╕ рдХреЛ рднреА рдореЗрдВ рдбрд┐рд▓реАрдЯ рдХрд░ рджреВрдВрдЧрд╛ рдмрд╛рдж рдореЗрдВ рдЕрднреА рдХреЗ рд▓рд┐рдП рд░рдЦ рд▓реЗрддрд╛ рд╣реВрдВ рдЕрднреА рдЗрд╕ рдкрд░реНрдЯрд┐рдХреБрд▓рд░ рдХрдореЗрдВрдЯ рдореЗрдВ рдбрд╛рд▓реВрдВрдЧрд╛ рдФя┐╜я┐╜
8:48
рдЖрдкрдХреЛ get рдирд╣реАрдВ рдЖрддрд╛ рддреЛ рдХреЛрдИ tension рдирд╣реАрдВ рд╣реИ рдФрд░ рдПрдХ рдФрд░ рдмрд╛рдд рдЬреЛ рдмрддрд╛ рд░рд╣рд╛ рд╣реВрдБ рд╡реЛ рднреА рдзреНрдпрд╛рди рд╕реЗ рд╕реБрдирдия┐╜я┐╜
8:51
рджреЗрдЦреЛ CSS рдХрд┐рд╕ рддрд░рд╣ рд╕реЗ рдХрд╛рдо рдХрд░ рд░рд╣реА рд╣реИ рдиреЗрдХреНрд╕ рдЬрд┐рд╕ рдореЗрдВ рдЗрд╕рдХреА рд╕рдордЭ рд╣реЛрдирд╛ рдмрд╣реБрдд рдЬрд░реВрд░реА рд╣я┐╜я┐╜
8:56
рд▓реЗрдХрд┐рди рдЕрдЧрд░ рдЖрдк рд▓реЛрдЧ рдХреЛ рдпрд╣ рдкреВрд░реА рдХреА рдкреВрд░реА рдЪреАрдЬ рдУрд╡рд░рд╡реЗрд▓реНрдорд┐рдВрдЧ рд▓рдЧрддреА рд╣реИ
8:59
рдЖрдк рдХрд╣рддреЗ рд╣реЛ рдпрд╛рд░ рдпрд╣ рдХреНрдпрд╛ рдЪрд▓ рдХреНрдпрд╛ рд░рд╣рд╛ рд╣реИ, рдХреНрдпрд╛ рдЪрд▓ рд░рд╣рд╛ рд╣реИ, рдореБрдЭреЗ рддреЛ, рдореБрдЭреЗ рддреЛ рдХреБрдЫ рд╕рдордЭ рд╣реА рдирд╣реАрдВ рдЖ рд░рд╣рд╛ рд╣реИ
9:03
рдЕрдЧрд░ рдЖрдкрдХреЛ рдРрд╕рд╛ рд▓рдЧ рд░рд╣рд╛ рд╣реИ, рддреЛ рдореИрдВ рдЖрдкрдХреЛ рдмрддрд╛рддрд╛ рд╣реВрдБ, рдЖрдк styles рдХреЛ рдЗрд╕ рддрд░рд╣ рд╕реЗ import рдХрд░ рд╕рдХрддреЗ рд╣я┐╜я┐╜
9:08
рдФрд░ рдЙрд╕рдХреЗ рдмрд╛рдж рдЖрдкрдХреЛ simply рд▓рд┐рдЦрдирд╛ рд╣реИ styles. рдареАрдХ рд╣реИ рдпрд╛ рдлрд┐рд░ рдЖрдкрдиреЗ рдпрд╣рд╛рдБ рдкрд░ рдЬреЛ рднреА рд▓рд┐рдЦрд╛ рд╣реИ рд╡реЛ dot
9:13
рдФрд░ рдЙрд╕рдХреЗ рдмрд╛рдж class рдХрд╛ рдирд╛рдо рдЖрдк рдбрд╛рд▓ рджреЛ рдЗрд╕ рддрд░рд╣ рд╕реЗ рдЖрдк рдЗрд╕рдХреЛ as a pattern рд╕рдордЭ рдЬрд╛я┐╜я┐╜
9:18
рдЗрд╕рдХреЛ as a template рджреЗрдЦ рд▓реЛ рдХрд┐рд╕ рддрд░рд╣ рд╕реЗ use рдХрд░рдирд╛ рд╣реИ рдФрд░ рдЖрдкрдХрд╛ рдХрд╛рдо рд╣реЛ рдЬрд╛рдПрдЧрд╛ рдареАрдХ рд╣реИ рд░реБрдХрдирд╛ рдордд рд▓реЗрдХрд┐рди рдЗрд╕ рд╡рдЬрд╝рд╛рд╕ рд╣реИ рд░реБрдХрдирд╛ рдордд рдпреЗ рдоя┐╜я┐╜
9:25
рд╕реЛрдЪрдирд╛ рдХрд┐ рдпрд╛рджреА рддреЛ рдореБрдЭреЗ рдЖрддрд╛ рд╣реА рдирд╣реАрдВ рд╣реИ рдореИрдВ рдореИрдВ рддреЛ рдпрд╣рд╛рдВ рд╕реЗ рдЖрдЧреЗ рдмрдврд╝реА рдирд╣реАрдВ рд╕рдХрддрд╛ рдореБрдЭреЗ рддреЛ рд╕рдордЭ рд╣реА рдирд╣реАрдВ рдЖ рд░рд╣рд╛ рдХрд┐ рдпреЗ рдЬреЛ collision рд╣реЛ рд░рд╣рд╛ рд╣реИ рд╡я┐╜я┐╜
9:31
рдХреНрдпреЛрдВ рдирд╣реАрдВ рд╣реЛрдЧрд╛ рдФрд░ рдХреНрдпрд╛ рдЖрдкрдХреЛ рд╕рдордЭрдиреЗ рдХреА рдЬрд░реВрд░рдд рдирд╣реАрдВ рд╣реИ рдореИрдВ рдереЛрдбрд╝рд╛ рдмрд╣реБрдд рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ рд╕рдордЭрд╛рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рдея┐╜я┐╜
9:36
рдХрд┐ Next.js рдореЗрдВ рдЬреЛ рдЪреАрдЬрд╝реЗрдВ рдЗрд╕ рддрд░рд╣ рд╕реЗ рдмрдирд╛рдИ рдЧрдИ рд╣реИрдВ рд╡реЛ рдХреНрдпреЛрдВ рдмрдирд╛рдИ рдЧрдИ рд╣реИ рдареАрдХ рд╣реИ, рд╕рдордЭ рдЬрд╛рдУ, рдФрд░ рдЬрд╛рджрд╛ рдХреЛрдИ рд▓рдВрдмреА рдЪреМрдбрд╝реА рдЪреАрдЬ рдирд╣реАрдВ рд╣реИ
9:42
рдпреЗ simply рдпрд╛рдкрд░ рдЬреЛ home1 underscore, con underscore, underscore рдХрд░рдХреЗ рдЬреЛ add рдХрд░рд╛ рдерд╛ next.js рдиреЗ, рд╡я┐╜я┐╜
9:47
behind the scenes рдХрд░рд╛ рдерд╛, рд╡реЛ рдХреНрдпреЛрдВ рдХрд░рд╛ рдерд╛, рдФрд░ рдХреНрдпрд╛ рдХрд░рд╛ рдерд╛, рдпреЗ рдЖрдкрдХреЛ рдЬрд╛рдирдиреЗ рдХреА рдЬрд░реВрд░рдд рдирд╣реАрдВ рд╣реИ
9:52
next.js рдХреЛ use рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП, рдЖрдк рд▓реЛрдЧ рдЕрдм рднреА рд╕рд┐рдВрдкрд▓реА рдпрд╣ рдмрд╛рдд рд╕рдордЭ рдХрд░ рдпреВрдЬ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдХрд┐ рд╕реНрдЯрд╛рдЗрд▓ рдХреЛ рдРрд╕реЗ рдЗрдВрдкреЛрд░реНрдЯ рдХрд░рдирд╛ рд╣реИ рдФрд░ рдРрд╕реЗ рдпреВрдЬ рдХрд░рдирд╛ рд╣я┐╜я┐╜
9:59
рджреЗрдЯреНрд╕ рдЕрдмреЙрдЯ рдЗрди рдкрд░ рд╕рд┐рддрдирд╛ рд╕реАрдЦрдирд╛ рдЖрдкрдХреЛ рдФрд░ рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛ рдЕрдЧрд░ рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ рдФрд░ рдЪреАрдЬ рд╕рдордЭ рдореЗрдВ рдЖ рдЧрдИ рддреЛ рд╡рд╣ рдмреЛрдия┐╜я┐╜
10:04
рдареАрдХ рд╣реИ, next.js рдХреЛ use рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕рд┐рд░реНрдл рдЗрддрдирд╛ рд╣реА рдЪрд╛рд╣рд┐рдП, рдпрд╣ рдмрд╛рдд рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ рд╕рдордЭрдиреЗ рдХреА рдмрд╣реБрдд рдЬрд╛рджрд╛ рдЬрд╝рд░реВрд░рдд рд╣реИ рднреА
10:09
рдХреНрдпреЛрдВрдХрд┐ рдмрд╣реБрдд рд╕рд╛рд░реЗ рд▓реЛрдЧреЛрдВ рдХреЛ рдореБрдЭреЗ рдкрддрд╛ рд╣реИ, рдпрд╣ рд╕рд╛рд░реА рдЪреАрдЬрд╝реЗ cuesti├│n рд▓рдЧреЗрдВрдЧреА, рдФрд░ рдореЗрд░реА рднреА рдЖрджрдд рд╣реИ рдХрд┐ рдореИрдВ рдХрд╣реАрдВ рдирд╛ рдХрд╣реАрдВ рдбрд┐рдЯреЗрд▓реНрд╕ рдореЗрдВ рдЪрд▓рд╛ рдЬрд╛рддрд╛ рд╣реВя┐╜я┐╜
10:14
рдХрднреА рдХрднреА рдЕрднреА рдХреЗ рд▓рд┐рдП рдпрд╣рд╛рдБ рдкрд░ рджреЗрдЦреЛ рдХрд┐ рдпрд╣ рдмреНрд▓реЙрдХ рдХреБрдЫ рдЗрд╕ рддрд░рд╣ рд╕реЗ рджрд┐рдЦ рд░рд╣рд╛ рд╣я┐╜я┐╜
10:19
рд╣рдордиреЗ рд▓рд┐рдВрдХреНрд╕ рд╡рдЧреИрд░рд╛ рдмрдирд╛ рджреА рд╣реИ рд▓реЗрдХрд┐рди рдЕрднреА рднреА рдмрд╣реБрдд рд╕рд╛рд░рд╛ рдХрд╛рдо рдпрд╣рд╛рдБ рдкрд░ рдмрд╛рдЦреА рд╣реИ рдареАрдХ рд╣реИ рддреЛ I hope рдХрд┐ рдЖрдк рд▓реЛрдЧреЛрдВ рдиреЗ рдпреЗ рдЬреЛ playlist рд╣я┐╜я┐╜
10:24
рдЗрд╕рдХреЛ рдЬрд░реВрд░ access рдХрд░ рд▓рд┐рдпрд╛ рд╣реЛрдЧрд╛ рдЗрд╕рдХреЛ access рдЬрд░реВрд░ рдХрд░ рд▓реЗрдирд╛ рдФрд░ рдЙрд╕реА рдХреЗ рд╕рд╛рде рд╕рд╛я┐╜я┐╜
10:28
рдЖрдк рд▓реЛрдЧ рдЗрд╕рдХреЛ bookmark рдХрд░ рд▓реЗрдирд╛ рдХреНрд▓рд┐рдХ рдХрд░рдХреЗ рдФрд░ рдпрд╣рд╛рдВ рдХреНрд▓рд┐рдХ рдХрд░рдХреЗ save рднреА рдХрд░ рд▓реЗрдирд╛ рдЕрднреА рдХреЗ рд▓рд┐я┐╜я┐╜
10:32
рдЗрд╕ рд╡реАрдбрд┐рдпреЛ рдореЗрдВ рдЗрддрдирд╛ рд╣реИ guys thank you so much guys for watching this video and I will see you
10:36
next time рдХрд░рддреЗ рд╣реИя┐╜я┐╜