Media is too big
VIEW IN TELEGRAM
4. Create an Astro Page & Layout
Jason explores Astro's approach to generating new routes and creates an "about" page using Markdown. The creation of templates, using slots as convenient placeholders for incorporating external HTML content, is also discussed in this part of the course.
#lesson
Jason explores Astro's approach to generating new routes and creates an "about" page using Markdown. The creation of templates, using slots as convenient placeholders for incorporating external HTML content, is also discussed in this part of the course.
#lesson
Media is too big
VIEW IN TELEGRAM
5. CSS Styles & Navigation
Jason demonstrates utilizing the <style> tag with or without the is:global attribute to implement global and scoped styling in Astro. Adding navigation by mapping over an array of navItems in Frontmatter is also covered in this segment.
#lesson
Jason demonstrates utilizing the <style> tag with or without the is:global attribute to implement global and scoped styling in Astro. Adding navigation by mapping over an array of navItems in Frontmatter is also covered in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
6. Homepage Hero & Images
Jason discusses various techniques used to manage images and demonstrates importing an image from the source directory. Image optimization strategies and Astro's experimental asset support, which is currently experimental, are also discussed in this segment.
#lesson
Jason discusses various techniques used to manage images and demonstrates importing an image from the source directory. Image optimization strategies and Astro's experimental asset support, which is currently experimental, are also discussed in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
7. 404 Page & noscript tag
Jason walks through nesting layouts to enhance styling control and illustrates how to customize the 404 page. The use of the `<noscript>` tag to render HTML content in cases where JavaScript is disabled is also covered in this segment.
#lesson
Jason walks through nesting layouts to enhance styling control and illustrates how to customize the 404 page. The use of the `<noscript>` tag to render HTML content in cases where JavaScript is disabled is also covered in this segment.
#lesson
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