All language subtitles for lesson2

af Afrikaans
sq Albanian
am Amharic
ar Arabic Download
hy Armenian
az Azerbaijani
eu Basque
be Belarusian
bn Bengali
bs Bosnian
bg Bulgarian
ca Catalan
ceb Cebuano
ny Chichewa
zh-CN Chinese (Simplified)
zh-TW Chinese (Traditional)
co Corsican
hr Croatian
cs Czech
da Danish
nl Dutch
en English
eo Esperanto
et Estonian
tl Filipino
fi Finnish
fr French
fy Frisian
gl Galician
ka Georgian
de German
el Greek
gu Gujarati
ht Haitian Creole
ha Hausa
haw Hawaiian
iw Hebrew
hi Hindi
hmn Hmong
hu Hungarian
is Icelandic
ig Igbo
id Indonesian
ga Irish
it Italian
ja Japanese
jw Javanese
kn Kannada
kk Kazakh
km Khmer
ko Korean
ku Kurdish (Kurmanji)
ky Kyrgyz
lo Lao
la Latin
lv Latvian
lt Lithuanian
lb Luxembourgish
mk Macedonian
mg Malagasy
ms Malay
ml Malayalam
mt Maltese
mi Maori
mr Marathi
mn Mongolian
my Myanmar (Burmese)
ne Nepali
no Norwegian
ps Pashto
fa Persian Download
pl Polish
pt Portuguese
pa Punjabi
ro Romanian
ru Russian
sm Samoan
gd Scots Gaelic
sr Serbian
st Sesotho
sn Shona
sd Sindhi
si Sinhala
sk Slovak
sl Slovenian
so Somali
es Spanish
su Sundanese
sw Swahili
sv Swedish
tg Tajik
ta Tamil
te Telugu
th Thai
tr Turkish
uk Ukrainian
ur Urdu
uz Uzbek
vi Vietnamese
cy Welsh
xh Xhosa
yi Yiddish
yo Yoruba
zu Zulu
or Odia (Oriya)
rw Kinyarwanda
tk Turkmen
tt Tatar
ug Uyghur
Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated: 1 00:00:00,480 --> 00:00:05,279 hello 2 00:00:02,399 --> 00:00:09,440 are you excited because in this course 3 00:00:05,279 --> 00:00:12,080 we're gonna learn next js inside and out 4 00:00:09,440 --> 00:00:15,440 now before we get started i always want 5 00:00:12,080 --> 00:00:17,520 to lay out a roadmap of where we start 6 00:00:15,440 --> 00:00:20,000 and where we're going to end up so you 7 00:00:17,520 --> 00:00:22,560 know exactly how you're going to succeed 8 00:00:20,000 --> 00:00:25,599 with this course so what does this 9 00:00:22,560 --> 00:00:28,400 course cover well it's a lot 10 00:00:25,599 --> 00:00:30,400 we start off with the next js 11 00:00:28,400 --> 00:00:33,120 fundamentals we're going to talk about 12 00:00:30,400 --> 00:00:35,760 why was next.js even created why is it 13 00:00:33,120 --> 00:00:37,040 useful why is it growing in popularity 14 00:00:35,760 --> 00:00:39,040 like crazy 15 00:00:37,040 --> 00:00:41,440 and we're going to compare it to react 16 00:00:39,040 --> 00:00:44,719 why you should pick it over using let's 17 00:00:41,440 --> 00:00:47,280 say create react app and why next js has 18 00:00:44,719 --> 00:00:50,640 become so popular with the jam stack 19 00:00:47,280 --> 00:00:53,199 movement this is a great part if you're 20 00:00:50,640 --> 00:00:55,600 already familiar with react but even if 21 00:00:53,199 --> 00:00:57,360 you're not too familiar with react we 22 00:00:55,600 --> 00:00:59,920 make sure that we have some introductory 23 00:00:57,360 --> 00:01:02,480 content for you so that you know which 24 00:00:59,920 --> 00:01:05,600 one to pick when and essentially 25 00:01:02,480 --> 00:01:07,920 understand the benefit of nexus 26 00:01:05,600 --> 00:01:10,320 from there we don't daily daily we go 27 00:01:07,920 --> 00:01:12,400 straight into building our first project 28 00:01:10,320 --> 00:01:13,840 the coffee connoisseur project this 29 00:01:12,400 --> 00:01:16,000 project is meant to teach you the 30 00:01:13,840 --> 00:01:18,240 fundamentals of nexus and working 31 00:01:16,000 --> 00:01:20,640 together to build something right away 32 00:01:18,240 --> 00:01:23,040 using things like css modules fast 33 00:01:20,640 --> 00:01:24,880 refresh and having a professional 34 00:01:23,040 --> 00:01:27,439 project setup we're going to learn about 35 00:01:24,880 --> 00:01:29,759 routing about styling our apps and then 36 00:01:27,439 --> 00:01:32,640 we're also going to dive into topics 37 00:01:29,759 --> 00:01:33,759 that go beyond just the fundamentals or 38 00:01:32,640 --> 00:01:36,560 the basics 39 00:01:33,759 --> 00:01:38,240 we're going to talk about hydration seo 40 00:01:36,560 --> 00:01:40,640 the different rendering techniques in 41 00:01:38,240 --> 00:01:42,640 nexus we're going to use big terms like 42 00:01:40,640 --> 00:01:45,119 static site generation server side 43 00:01:42,640 --> 00:01:46,880 rendering incremental site regeneration 44 00:01:45,119 --> 00:01:48,720 how they're different how do they differ 45 00:01:46,880 --> 00:01:50,640 from client-side rendering you're going 46 00:01:48,720 --> 00:01:53,200 to know all of that by the end of this 47 00:01:50,640 --> 00:01:55,439 section and think intelligently about 48 00:01:53,200 --> 00:01:58,479 building nexus applications and we're 49 00:01:55,439 --> 00:02:00,880 going to be using the foursquare api to 50 00:01:58,479 --> 00:02:03,280 grab real-life coffee store location 51 00:02:00,880 --> 00:02:04,640 around the world but we're not done yet 52 00:02:03,280 --> 00:02:07,040 we're also going to talk about 53 00:02:04,640 --> 00:02:08,720 serverless functions why do we use them 54 00:02:07,040 --> 00:02:11,440 and when we're going to create 55 00:02:08,720 --> 00:02:13,360 serverless functions to retrieve data 56 00:02:11,440 --> 00:02:15,360 and this next part i'm really excited 57 00:02:13,360 --> 00:02:17,440 about because there aren't many courses 58 00:02:15,360 --> 00:02:21,120 that cover this topic 59 00:02:17,440 --> 00:02:23,760 airtable it's a super exciting database 60 00:02:21,120 --> 00:02:26,400 storage that is taking the development 61 00:02:23,760 --> 00:02:28,560 world by storm it's growing like crazy 62 00:02:26,400 --> 00:02:31,920 and it's gonna blow your mind how we can 63 00:02:28,560 --> 00:02:34,640 use airtable as our database and build 64 00:02:31,920 --> 00:02:36,720 really amazing projects trust me you're 65 00:02:34,640 --> 00:02:38,239 gonna love this section and then we're 66 00:02:36,720 --> 00:02:39,760 going to learn about something called 67 00:02:38,239 --> 00:02:41,680 swr 68 00:02:39,760 --> 00:02:43,920 it's a react hooks library that was 69 00:02:41,680 --> 00:02:46,480 built by the next.js team and if you're 70 00:02:43,920 --> 00:02:49,280 building a professional nexjs app you 71 00:02:46,480 --> 00:02:52,160 need to use swr it's a way for us to 72 00:02:49,280 --> 00:02:54,239 build fast and reactive components 73 00:02:52,160 --> 00:02:56,400 you're going to learn all about it but 74 00:02:54,239 --> 00:02:59,200 once we understand the importance of 75 00:02:56,400 --> 00:03:00,080 next.js how to build the nexus apps 76 00:02:59,200 --> 00:03:02,959 well 77 00:03:00,080 --> 00:03:06,319 a big chunk of the course is all about 78 00:03:02,959 --> 00:03:08,400 building a professional big application 79 00:03:06,319 --> 00:03:10,720 and for that we have a really exciting 80 00:03:08,400 --> 00:03:13,040 one it's a netflix clone that we're 81 00:03:10,720 --> 00:03:15,599 going to build or as i like to call it 82 00:03:13,040 --> 00:03:18,000 next felix that's right as you saw in 83 00:03:15,599 --> 00:03:20,080 the promo video this is going to be a 84 00:03:18,000 --> 00:03:22,239 really exciting project 85 00:03:20,080 --> 00:03:24,879 and we're going to do a lot of things 86 00:03:22,239 --> 00:03:27,360 we're obviously going to use css modules 87 00:03:24,879 --> 00:03:29,680 to make our app look exactly like 88 00:03:27,360 --> 00:03:32,080 netflix we're even going to teach you 89 00:03:29,680 --> 00:03:33,840 how to use framer motion trust me that's 90 00:03:32,080 --> 00:03:35,280 going to be a fun part but obviously 91 00:03:33,840 --> 00:03:36,799 we're going to talk about things like 92 00:03:35,280 --> 00:03:39,599 authentication we're going to teach you 93 00:03:36,799 --> 00:03:40,959 how to do passwordless login 94 00:03:39,599 --> 00:03:43,680 we're going to teach you how to do 95 00:03:40,959 --> 00:03:46,080 incremental site regeneration and then 96 00:03:43,680 --> 00:03:49,120 we're going to start using hasura 97 00:03:46,080 --> 00:03:51,360 specifically we started using hasura to 98 00:03:49,120 --> 00:03:53,680 use graphql in this project we're also 99 00:03:51,360 --> 00:03:56,319 going to do authentication with hasura 100 00:03:53,680 --> 00:03:58,480 so that you understand how auth flow 101 00:03:56,319 --> 00:04:01,040 architecture works and introduce this 102 00:03:58,480 --> 00:04:02,239 idea of a server-side sdk to log the 103 00:04:01,040 --> 00:04:03,599 user in 104 00:04:02,239 --> 00:04:06,080 and obviously we're going to have a 105 00:04:03,599 --> 00:04:07,920 professional deployment to production 106 00:04:06,080 --> 00:04:10,480 we're going to use versailles for this 107 00:04:07,920 --> 00:04:12,640 and throughout the entire course we're 108 00:04:10,480 --> 00:04:14,959 going to keep performance in mind we're 109 00:04:12,640 --> 00:04:17,840 going to show you how to build 110 00:04:14,959 --> 00:04:19,440 performant next.js applications because 111 00:04:17,840 --> 00:04:21,840 that's where they shine 112 00:04:19,440 --> 00:04:23,440 now if this wasn't exciting enough even 113 00:04:21,840 --> 00:04:25,280 though i've already mentioned it i have 114 00:04:23,440 --> 00:04:27,280 to mention it again because i swear i 115 00:04:25,280 --> 00:04:30,479 get a million questions every time above 116 00:04:27,280 --> 00:04:32,639 this yes we're using react hooks in this 117 00:04:30,479 --> 00:04:34,880 course but more importantly throughout 118 00:04:32,639 --> 00:04:37,440 the course we're going to keep this idea 119 00:04:34,880 --> 00:04:40,560 of seo in mind 120 00:04:37,440 --> 00:04:42,960 because next.js is great for search 121 00:04:40,560 --> 00:04:44,479 engine optimization and throughout the 122 00:04:42,960 --> 00:04:45,280 course we're going to emphasize this 123 00:04:44,479 --> 00:04:47,199 point 124 00:04:45,280 --> 00:04:49,680 now finally the best thing about the 125 00:04:47,199 --> 00:04:52,000 course is not the course itself it's our 126 00:04:49,680 --> 00:04:54,639 community we have one of the largest 127 00:04:52,000 --> 00:04:57,120 developer community online and we have a 128 00:04:54,639 --> 00:04:59,600 discord server just for ztm students 129 00:04:57,120 --> 00:05:01,120 where you get to partner with other 130 00:04:59,600 --> 00:05:02,639 students that are doing the course at 131 00:05:01,120 --> 00:05:05,120 the same time as you you get to 132 00:05:02,639 --> 00:05:08,080 communicate with instructors like myself 133 00:05:05,120 --> 00:05:10,800 and ankita to ask questions to just say 134 00:05:08,080 --> 00:05:14,000 hi or just talk about the latest and 135 00:05:10,800 --> 00:05:16,320 greatest in technology and most students 136 00:05:14,000 --> 00:05:17,360 say that this is the best part of our 137 00:05:16,320 --> 00:05:18,320 courses 138 00:05:17,360 --> 00:05:20,160 so 139 00:05:18,320 --> 00:05:22,400 yeah we're very excited to start this 140 00:05:20,160 --> 00:05:25,360 course with you i hope you are too you 141 00:05:22,400 --> 00:05:27,919 now have a clear road map to success 142 00:05:25,360 --> 00:05:29,840 so let's not wait any longer let's get 143 00:05:27,919 --> 00:05:32,840 started and we'll see you inside the 144 00:05:29,840 --> 00:05:32,840 course 10602

Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.