Grow your coding skills one day at a time with weekly live streams and videos about programming, including tutorials, Q&A sessions, algorithmic problem-solving, full application builds, and more.
I learn so much extra stuff everytime i see your livestream. Thanks.
@weixiangng82792 күн бұрын
I deploy the express js with api for calling database like showing list of employee. But when try to access the api on Vercel it does not work.
@williamsmith11595 күн бұрын
00:05 Creating a URL shortener using Node.js and Express 02:27 Setting up middlewares and basic routes in Express app 08:06 Building a URL Shortener using Node.js + Express + MongoDB + Heroku 11:25 Deploying the URL Shortener through Versal 17:42 Configuring SSL and DNS settings for deploying a URL shortener on Heroku 20:26 Creating schema for short URLs with Yup in Node.js 25:53 Error handling and URL creation with Node.js + Express 29:03 Setting up MongoDB database connection for URL shortener 34:33 Implementing a unique index for ensuring URL uniqueness 37:25 Generate a nano ID instead of relying on database integrity. 43:36 Setting up front end for creating links with view J S 46:31 Creating and deploying a URL shortener using Node.js + Express + MongoDB + Heroku 52:43 Successfully built and deployed a URL Shortener with Node.js, Express, MongoDB, and Heroku in 3133.7 seconds 55:42 Creating a redirect loop in a URL Shortener Crafted by Merlin AI.
@sayanta017 күн бұрын
thanks man
@apnaentertainment70618 күн бұрын
What are doing??🙄 I don't understand
@CodingGarden8 күн бұрын
I am showing where to put files in a react code base as it grows larger.
@nguyenthanhnguyenkhoik18hcm10 күн бұрын
Oh I love where you camp. Do you mind sharing location please?
@CodingGarden8 күн бұрын
It is in Colorado USA called Red Feather Lakes / Dowdy Lake Campground. www.fs.usda.gov/recarea/arp/recreation/camping-cabins/recarea/?recid=36653&actid=29
@nguyenthanhnguyenkhoik18hcm6 күн бұрын
@@CodingGarden Thank you!
@mrf923713 күн бұрын
OMG thank you!
@shashikaharshana16 күн бұрын
What a video. Dude you are just amazing attention to the detail is awesome. Love the content keep it up my bro. Love from Sri Lanka.
@kennysus617421 күн бұрын
hey my css is not loading after deploying on vercel what should i do
@Pareshbpatel23 күн бұрын
Nice intro to React Folder Structure with many tips along the way. Thanks. {2024-07-15} - Subscribed!
@Okir0925 күн бұрын
In the .eslintcr.cjs i get : 'module' is not defined. :( :( :( please help :(
@maidenjewel520229 күн бұрын
Great Explanation! <3
@iswilsonАй бұрын
How would you connect to your database since the connection is being done in index.ts in src which would never execute?
@houstonbova3136Ай бұрын
One thing I’ll add. Coming from a self taught background. If you’re fairly new to programming, pick a couple of tools, JS/Python, Svelte/Django, Polars/Pandas, Postgres/MySQL/DuckDb/Sqlite and REALLY read as much of the docs as possible. Go start to finish and only skim through the bits you have high familiarity with. Learning to learn is hard and it’s only made harder if you regularly skip over the things you don’t yet know.
@CloudWizards-nr5moАй бұрын
i am learning frontend can i contribute on ths
@saranraja962Ай бұрын
great explain solve my issue Thankyou
@CayoBuayАй бұрын
I started using Bullet Journaling.
@carlosalbertotabordaramire1825Ай бұрын
Muchas gracias por este video
@joe2501echoАй бұрын
Could one of you document proficient people make a tutorial on how to read the docs? I mean basic examples of how to navigate and test commands as a new user would.
@iokai_dosertao4376Ай бұрын
Awesome video dude. I was really struggling on how to learn to code and I also think that the better way is going through the documentation and trial and error. There's no magic!
@itcloudguyАй бұрын
3:42 - You must mention here, that Migrations are actually not to create tables only. The purpose of Migrations is to make changes in your database using artisan utility. And you have ability to rollback those changes.
@kevinsedwardsАй бұрын
of course the guy with an eccentric mustache says pagination in an obviously ridiculous way.
@rumble1925Ай бұрын
I didn't know Laravel was so fringe for a lot of people. I use node mainly but I read the docs on Laravel to learn high level concepts when doing backend development. The only reason I don't actively use it is that I just plain never feel comfortable with PHP as a language - and it's a shame because the framework and the community is great
@tofuman9526Ай бұрын
Oh. I’m trying to get an overview of Laravel .vs Rails. And this video reallyyyyyy highlights the greatness of Laravel for prototyping a quick MVP…
@jasinatigerАй бұрын
> Just Read The Docs >docs are unreadable and unpractical, and wrote like at least readed 200k pages of some architecture of my gpu
@UmashankarBehera-hf4uqАй бұрын
You are awesome dude Love from india
@ripplesr56552 ай бұрын
Welcome to the wonder world.
@aryankalra56402 ай бұрын
Thank you so much man!
@Proeng2 ай бұрын
Glad I'm not the only one who is confused by the whole load/data fetching on route load paradigm. Feel like you need to have a PhD in order to understand how to use it correctly. Apart from that SolidJS is a great choice but I really don't like the whole load thing..
@abhinavsingh-zc2hk2 ай бұрын
You explain so good. Thank you :)
@puchesjr072 ай бұрын
Your comment regarding drizzle isn't entirely accurate, you can perform a similar ORM query with db.query.user.findMany or db.query.user.findFirst - you could abstract this with a class or function for example getUsersByOrg({orgId}) getUserById({id}) or User.getByOrg() for example. Additionally, you can do this with Prisma too.
@rwayneleon74812 ай бұрын
well done
@fcnealvillangca79432 ай бұрын
I kinda hate virtual dom
@YTCrazytieguy2 ай бұрын
It's painful to watch you try to learn solid and solidstart at the same time 😅
@DPerdy2 ай бұрын
They really need to sort out the adds on twitch every 10 mins you appear to get one, hopefully the experience here is better, fell asleep watching the stream
@OetziOfficial2 ай бұрын
I used solid start since 0.3.x and am very happy how it turned out, 1.0.0 is incredibly well made <3
@OetziOfficial2 ай бұрын
btw while watching, little note: the suspense was in the metaprovider, because if any route-file changed and has a Component from the (at)solidjs/meta it will display it correct. + the suspense allows for a fallback bucket for loading async stuff (createAsync) :D
@liliasotollamas41922 ай бұрын
how would it work with an sql database?
@ryansolid2 ай бұрын
Thanks for the stream. It definitely helped me understand gaps in documentation and the way we present examples. I'm glad you did figure it out in the end. To your question of the purpose of the `load` function.. it is mostly to handle preloading for like link hovers on the client and single flight mutation. Everything is always server rendered in the examples and if it isn't available at first it streams in afterwards. 1. We fetch data on the server and realize it isn't ready to stream yet, we stream the shell 2. Data resolves, we finished rendering the HTML on the server for that part of the page and stream it and the serialized data with it. 3. Client component hydrates it gets the stream data that was serialize and hydrates that part of the page. In so you would see the data console.log on both client and server. Both when the server renders the HTML after it resolves the data, and on the client when it hydrates. But the content on the pages is server rendered(and fetched) just streams in as it is available.
@CodingGarden2 ай бұрын
Oh wow!! Thanks for watching. I don't know if my confusions will be the same with everyone, but that definitely clears things up! It was hard for me to break the mental model of the load function in SvelteKit. It's good to know that everything is SSR by default. I guess me seeing the console.log on the client made me think it was requesting the data there, but in the case of SSR it was just logging already hydrated data.
@StefanaMF2 ай бұрын
You won me at: it is nice and ugly 💖
@ThatRandomDude9142 ай бұрын
Damn it I missed the stream. We know when the next one is?
@CodingGarden2 ай бұрын
I don't have one planned, but I hope to keep working on this app soon. Keep an eye on the discord and mailing list for go live notifications: list.coding.garden/ coding.garden/discord/
@CodingGarden2 ай бұрын
00:00:00 Stream Starts 00:26:00 What is SolidJS? 00:34:49 What is SolidStart? 00:46:34 Browsing Source Code of Hacker News Clone 01:33:20 Building a Pokedex 03:00:52 Opening Pokemon Cards
@Julian-xc4fk2 ай бұрын
Hilarious that i saw a mem for that semicolon 2:04:51
@CayoBuay2 ай бұрын
I agree with you on the need for the latest hardware. I am still running my 2015 MacBook Pro. I moved on to Linux for my actual work now running on a Dell XPS. There is also Homebrew for Linux. You should check out Warp terminal and Proton Editor.
@Eisesser012 ай бұрын
What font are you using?
@nimmneun2 ай бұрын
Livewire is essentially HTMX
@thribsilva2 ай бұрын
Thank you. With this video I was able to increase the maxDuration of my api routes
@adamastooor2 ай бұрын
THX!!
@Programming-yr1mx2 ай бұрын
If you want laravel but on nodejs, you should try AdonisJs framework.
@moshimoshi_042 ай бұрын
can i deploy ejs??? there?
@samjacker2 ай бұрын
of course
@49THEWAY2 ай бұрын
thank you very much brother, finally i finish my 3 day errors
Пікірлер
I learn so much extra stuff everytime i see your livestream. Thanks.
I deploy the express js with api for calling database like showing list of employee. But when try to access the api on Vercel it does not work.
00:05 Creating a URL shortener using Node.js and Express 02:27 Setting up middlewares and basic routes in Express app 08:06 Building a URL Shortener using Node.js + Express + MongoDB + Heroku 11:25 Deploying the URL Shortener through Versal 17:42 Configuring SSL and DNS settings for deploying a URL shortener on Heroku 20:26 Creating schema for short URLs with Yup in Node.js 25:53 Error handling and URL creation with Node.js + Express 29:03 Setting up MongoDB database connection for URL shortener 34:33 Implementing a unique index for ensuring URL uniqueness 37:25 Generate a nano ID instead of relying on database integrity. 43:36 Setting up front end for creating links with view J S 46:31 Creating and deploying a URL shortener using Node.js + Express + MongoDB + Heroku 52:43 Successfully built and deployed a URL Shortener with Node.js, Express, MongoDB, and Heroku in 3133.7 seconds 55:42 Creating a redirect loop in a URL Shortener Crafted by Merlin AI.
thanks man
What are doing??🙄 I don't understand
I am showing where to put files in a react code base as it grows larger.
Oh I love where you camp. Do you mind sharing location please?
It is in Colorado USA called Red Feather Lakes / Dowdy Lake Campground. www.fs.usda.gov/recarea/arp/recreation/camping-cabins/recarea/?recid=36653&actid=29
@@CodingGarden Thank you!
OMG thank you!
What a video. Dude you are just amazing attention to the detail is awesome. Love the content keep it up my bro. Love from Sri Lanka.
hey my css is not loading after deploying on vercel what should i do
Nice intro to React Folder Structure with many tips along the way. Thanks. {2024-07-15} - Subscribed!
In the .eslintcr.cjs i get : 'module' is not defined. :( :( :( please help :(
Great Explanation! <3
How would you connect to your database since the connection is being done in index.ts in src which would never execute?
One thing I’ll add. Coming from a self taught background. If you’re fairly new to programming, pick a couple of tools, JS/Python, Svelte/Django, Polars/Pandas, Postgres/MySQL/DuckDb/Sqlite and REALLY read as much of the docs as possible. Go start to finish and only skim through the bits you have high familiarity with. Learning to learn is hard and it’s only made harder if you regularly skip over the things you don’t yet know.
i am learning frontend can i contribute on ths
great explain solve my issue Thankyou
I started using Bullet Journaling.
Muchas gracias por este video
Could one of you document proficient people make a tutorial on how to read the docs? I mean basic examples of how to navigate and test commands as a new user would.
Awesome video dude. I was really struggling on how to learn to code and I also think that the better way is going through the documentation and trial and error. There's no magic!
3:42 - You must mention here, that Migrations are actually not to create tables only. The purpose of Migrations is to make changes in your database using artisan utility. And you have ability to rollback those changes.
of course the guy with an eccentric mustache says pagination in an obviously ridiculous way.
I didn't know Laravel was so fringe for a lot of people. I use node mainly but I read the docs on Laravel to learn high level concepts when doing backend development. The only reason I don't actively use it is that I just plain never feel comfortable with PHP as a language - and it's a shame because the framework and the community is great
Oh. I’m trying to get an overview of Laravel .vs Rails. And this video reallyyyyyy highlights the greatness of Laravel for prototyping a quick MVP…
> Just Read The Docs >docs are unreadable and unpractical, and wrote like at least readed 200k pages of some architecture of my gpu
You are awesome dude Love from india
Welcome to the wonder world.
Thank you so much man!
Glad I'm not the only one who is confused by the whole load/data fetching on route load paradigm. Feel like you need to have a PhD in order to understand how to use it correctly. Apart from that SolidJS is a great choice but I really don't like the whole load thing..
You explain so good. Thank you :)
Your comment regarding drizzle isn't entirely accurate, you can perform a similar ORM query with db.query.user.findMany or db.query.user.findFirst - you could abstract this with a class or function for example getUsersByOrg({orgId}) getUserById({id}) or User.getByOrg() for example. Additionally, you can do this with Prisma too.
well done
I kinda hate virtual dom
It's painful to watch you try to learn solid and solidstart at the same time 😅
They really need to sort out the adds on twitch every 10 mins you appear to get one, hopefully the experience here is better, fell asleep watching the stream
I used solid start since 0.3.x and am very happy how it turned out, 1.0.0 is incredibly well made <3
btw while watching, little note: the suspense was in the metaprovider, because if any route-file changed and has a Component from the (at)solidjs/meta it will display it correct. + the suspense allows for a fallback bucket for loading async stuff (createAsync) :D
how would it work with an sql database?
Thanks for the stream. It definitely helped me understand gaps in documentation and the way we present examples. I'm glad you did figure it out in the end. To your question of the purpose of the `load` function.. it is mostly to handle preloading for like link hovers on the client and single flight mutation. Everything is always server rendered in the examples and if it isn't available at first it streams in afterwards. 1. We fetch data on the server and realize it isn't ready to stream yet, we stream the shell 2. Data resolves, we finished rendering the HTML on the server for that part of the page and stream it and the serialized data with it. 3. Client component hydrates it gets the stream data that was serialize and hydrates that part of the page. In so you would see the data console.log on both client and server. Both when the server renders the HTML after it resolves the data, and on the client when it hydrates. But the content on the pages is server rendered(and fetched) just streams in as it is available.
Oh wow!! Thanks for watching. I don't know if my confusions will be the same with everyone, but that definitely clears things up! It was hard for me to break the mental model of the load function in SvelteKit. It's good to know that everything is SSR by default. I guess me seeing the console.log on the client made me think it was requesting the data there, but in the case of SSR it was just logging already hydrated data.
You won me at: it is nice and ugly 💖
Damn it I missed the stream. We know when the next one is?
I don't have one planned, but I hope to keep working on this app soon. Keep an eye on the discord and mailing list for go live notifications: list.coding.garden/ coding.garden/discord/
00:00:00 Stream Starts 00:26:00 What is SolidJS? 00:34:49 What is SolidStart? 00:46:34 Browsing Source Code of Hacker News Clone 01:33:20 Building a Pokedex 03:00:52 Opening Pokemon Cards
Hilarious that i saw a mem for that semicolon 2:04:51
I agree with you on the need for the latest hardware. I am still running my 2015 MacBook Pro. I moved on to Linux for my actual work now running on a Dell XPS. There is also Homebrew for Linux. You should check out Warp terminal and Proton Editor.
What font are you using?
Livewire is essentially HTMX
Thank you. With this video I was able to increase the maxDuration of my api routes
THX!!
If you want laravel but on nodejs, you should try AdonisJs framework.
can i deploy ejs??? there?
of course
thank you very much brother, finally i finish my 3 day errors