Media is too big
VIEW IN TELEGRAM
8. Fetching & Rendering Data
Jason demonstrates the process of fetching shop item data from an API and rendering the received JSON object on the DOM. Astro components can leverage the `fetch()` function to initiate HTTP requests to APIs, utilizing the complete URL for data retrieval.
#lesson
Jason demonstrates the process of fetching shop item data from an API and rendering the received JSON object on the DOM. Astro components can leverage the `fetch()` function to initiate HTTP requests to APIs, utilizing the complete URL for data retrieval.
#lesson
Media is too big
VIEW IN TELEGRAM
9. Sharing State with nanostores
Jason incorporates the functionality to add and remove items from the cart by employing nanostores to handle state management. Additionally, the process of tracking the cart's subtotal is demonstrated in this segment.
#lesson
Jason incorporates the functionality to add and remove items from the cart by employing nanostores to handle state management. Additionally, the process of tracking the cart's subtotal is demonstrated in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
10. Adding React & Solid Support
Jason demonstrates implementing support for the React and Solid frameworks in Astro. Styling Solid components using CSS modules and setting up the cart.tsx file is also covered in this segment.
#lesson
Jason demonstrates implementing support for the React and Solid frameworks in Astro. Styling Solid components using CSS modules and setting up the cart.tsx file is also covered in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
11. Implementing the Cart
Jason walks through implementing some shopping cart functionality. Displaying cart items, subtotal, total, and implementing the ability to remove items from the cart are covered in this segment.
#lesson
Jason walks through implementing some shopping cart functionality. Displaying cart items, subtotal, total, and implementing the ability to remove items from the cart are covered in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
12. Microfrontend Cart Using Islands
Jason develops a React component for adding items to the cart and illustrates the concept of selective hydration using client directives. A student's question about utilizing nanostores to sustain state across multiple pages is also covered within this segment.
#lesson
Jason develops a React component for adding items to the cart and illustrates the concept of selective hydration using client directives. A student's question about utilizing nanostores to sustain state across multiple pages is also covered within this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
13. Homepage Product Preview
Jason walks through the process of showcasing a preview of shop products on the homepage. This involves modifying the output of a previously constructed component by adding props.
#lesson
Jason walks through the process of showcasing a preview of shop products on the homepage. This involves modifying the output of a previously constructed component by adding props.
#lesson
Media is too big
VIEW IN TELEGRAM
14. Content Collections
Jason illustrates the creation of a blog page while discussing topics like structuring, validating, and ensuring type-safety for Markdown content. This is accomplished through the utilization of content collections.
#lesson
Jason illustrates the creation of a blog page while discussing topics like structuring, validating, and ensuring type-safety for Markdown content. This is accomplished through the utilization of content collections.
#lesson
Media is too big
VIEW IN TELEGRAM
15. Dynamic Routing
Jason showcases the process of generating dynamic routes within Astro's file-based routing system. Astro page files can generate multiple pages that match specific criteria by incorporating dynamic route parameters directly into the filename.
#lesson
Jason showcases the process of generating dynamic routes within Astro's file-based routing system. Astro page files can generate multiple pages that match specific criteria by incorporating dynamic route parameters directly into the filename.
#lesson
Media is too big
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
17. Enabling SSR & Forms
Jason explores the various rendering modes available in Astro and integrates a newsletter subscription form. By activating the hybrid rendering mode, Astro will default to pre-rendering and selectively server-render pages that opt out of this process.
#lesson
Jason explores the various rendering modes available in Astro and integrates a newsletter subscription form. By activating the hybrid rendering mode, Astro will default to pre-rendering and selectively server-render pages that opt out of this process.
#lesson
Media is too big
VIEW IN TELEGRAM
18. Form Submission
Jason walks through the process of incorporating the subscription form on a page that has not opted for server-side rendering (SSR). The handling of form submissions is directed to the SSR page specified in the form's action property.
#lesson
Jason walks through the process of incorporating the subscription form on a page that has not opted for server-side rendering (SSR). The handling of form submissions is directed to the SSR page specified in the form's action property.
#lesson
Media is too big
VIEW IN TELEGRAM
19. Astro Q&A
Jason addresses student questions related to making decisions about when to implement server-side rendering (SSR), approaches to authentication, and the utilization of serverless functions.
#lesson
Jason addresses student questions related to making decisions about when to implement server-side rendering (SSR), approaches to authentication, and the utilization of serverless functions.
#lesson
Media is too big
VIEW IN TELEGRAM
20. Deploying Astro
Jason discusses deployment support for Astro applications and provides a step-by-step walkthrough of deploying the course repository to Netlify.
#lesson
Jason discusses deployment support for Astro applications and provides a step-by-step walkthrough of deploying the course repository to Netlify.
#lesson
Media is too big
VIEW IN TELEGRAM
21. Wrapping Up
Jason wraps up the course by highlighting the advantages of constructing websites with Astro and offering supplementary resources for further exploration.
#lesson
Jason wraps up the course by highlighting the advantages of constructing websites with Astro and offering supplementary resources for further exploration.
#lesson
Title: Introduction to Node.js, v3
Description: Learn the foundations of Node.js and server-side JavaScript to build custom CLIs, manipulate files, create servers, and more. Take your JavaScript skills to the next level and become a full-stack engineer!
Link: https://frontendmasters.com/courses/node-js-v3/
Time: 4 hours, 12 minutes
Lessons: 28 / 28
Tags: #course #frontendmasters #720p
Description: Learn the foundations of Node.js and server-side JavaScript to build custom CLIs, manipulate files, create servers, and more. Take your JavaScript skills to the next level and become a full-stack engineer!
Link: https://frontendmasters.com/courses/node-js-v3/
Time: 4 hours, 12 minutes
Lessons: 28 / 28
Tags: #course #frontendmasters #720p
Frontendmasters
Introduction to Node.js, v3 Course | Learn Server Side JavaScript to Create CLIs and Web Apps
Learn the foundations of Node.js and server-side JavaScript to build custom CLIs, manipulate files, create servers, and more. Take your JavaScript skills to the next level and become a full-stack engineer!
Media is too big
VIEW IN TELEGRAM
1. Introduction
Scott Moss introduces the course by providing some personal and professional background. An overview of the material that will be covered and course resources are also provided in this segment.
- https://scottmoss.notion.site/scottmoss/Intro-to-Node-js-V3-7c8e4ccaebf94b839f425fff13dcc44c
#lesson
Scott Moss introduces the course by providing some personal and professional background. An overview of the material that will be covered and course resources are also provided in this segment.
- https://scottmoss.notion.site/scottmoss/Intro-to-Node-js-V3-7c8e4ccaebf94b839f425fff13dcc44c
#lesson
Media is too big
VIEW IN TELEGRAM
2. History of Node.js
Scott summarizes Node.js as a JavaScript runtime used outside of web browsers. Created by Ryan Dahl in 2009, it overcame web browser limitations and server-side scripting inefficiencies.
- https://scottmoss.notion.site/History-of-Node-js-0c2856a6e6644faab5801d95b5dd3a57
#lesson
Scott summarizes Node.js as a JavaScript runtime used outside of web browsers. Created by Ryan Dahl in 2009, it overcame web browser limitations and server-side scripting inefficiencies.
- https://scottmoss.notion.site/History-of-Node-js-0c2856a6e6644faab5801d95b5dd3a57
#lesson
Media is too big
VIEW IN TELEGRAM
3. Non-Blocking I/O
Scott explains the non-blocking I/O model employed by Node.js to handle concurrent connections in high-performance network applications. Key features, such as event loops, callbacks, non-blocking APIs, and its single-threaded nature, contribute to its efficiency.
- https://scottmoss.notion.site/Non-blocking-I-O-73e9169fe771463c97deebfe34433fb9?pvs=25
#lesson
Scott explains the non-blocking I/O model employed by Node.js to handle concurrent connections in high-performance network applications. Key features, such as event loops, callbacks, non-blocking APIs, and its single-threaded nature, contribute to its efficiency.
- https://scottmoss.notion.site/Non-blocking-I-O-73e9169fe771463c97deebfe34433fb9?pvs=25
#lesson
Media is too big
VIEW IN TELEGRAM
4. Hello World
Scott walks through the setup of Node.js and a version manager called nvm. The segment includes creating a simple Node.js program that prints to the terminal.
- https://scottmoss.notion.site/Hello-World-f65c00665b4f4a5fa90c95cbb808b2a6
#lesson
Scott walks through the setup of Node.js and a version manager called nvm. The segment includes creating a simple Node.js program that prints to the terminal.
- https://scottmoss.notion.site/Hello-World-f65c00665b4f4a5fa90c95cbb808b2a6
#lesson
Media is too big
VIEW IN TELEGRAM
5. Browser vs Node.js
Scott explains the distinctions between how JavaScript is handled in the browser and Node.js, offering an overview of the Node.js REPL. The segment covers differences in the global object, modules, DOM, and console.
- https://scottmoss.notion.site/Browser-vs-Node-js-d977e7001a694ba59c879d92bddea239
#lesson
Scott explains the distinctions between how JavaScript is handled in the browser and Node.js, offering an overview of the Node.js REPL. The segment covers differences in the global object, modules, DOM, and console.
- https://scottmoss.notion.site/Browser-vs-Node-js-d977e7001a694ba59c879d92bddea239
#lesson
Media is too big
VIEW IN TELEGRAM
6. Process & Environment
Scott explains the global process object, highlighting commonly used properties and methods attached to it. The segment also covers using process.env to access environment variables.
- https://scottmoss.notion.site/Process-and-Environment-cc21ec35b08e428b9f78323cd07a31b1
#lesson
Scott explains the global process object, highlighting commonly used properties and methods attached to it. The segment also covers using process.env to access environment variables.
- https://scottmoss.notion.site/Process-and-Environment-cc21ec35b08e428b9f78323cd07a31b1
#lesson