How to use...
Before using this platform make sure you know all its features.How to use...
# Lesson panel (left side)
The left panel allows you to select a lesson, monitor your progress and set a lesson as read or unread.A lesson is automatically set to "read" the moment you scrolled 75% of the page.
This feature is available only for registered users
# Contextual panel (right side)
On the right side of each lesson there is a context panel where you will find:1
The list of subtopics of the lesson, also known as Table of Content
2
The bookmarks you saved for the course
3
List of all courses
4
Change theme: dark or light
The list of all your bookmarks, the reading history and your subscriptions are available in the profile area.
# Action Bar (Bottom)
At the bottom of each lesson you find buttons related to the current lesson:
Like the page! It is important for us to know that you value our work
Save current lesson into favorites so you can quickly find them in the Contextual Panel or in your profile.
Save to favorites that you can view in the Contextual Panel or in your profile.
This feature is available only for registered users
# Interactive Code Snippets
This site contains a lot of code snippets and most of them are interactive, just like what you can see below.
They are easily recognizable because the layout is slightly different and because they contain more buttons:
They are easily recognizable because the layout is slightly different and because they contain more buttons:
no audio
Click the PLAY icon to replace the static code with an interactive playground
open the interactive playground in a new window
copy code to clipboard
This feature is available only for registered users
# How to use Stackblitz the Code Playground
Watch this short tutorial to see how StackBlitz works:Turn on Audio
# Collapse Snippets
Are your code snippets taking up too much space? You can collapse them by clicking icons on the left side:# Download the source code
If you are stuck or something isn't working in your local project you can download the source code directly from StackBlitz:1
Click the "Cloud" icon
2
Download and extract the project from the zip file
3
Open in your favorite editor and run `npm install` to install all the dependencies
# Quiz
Take the quizzes to test your knowledge. This component is still under development and in the coming months it will allow you to acquire badges, certificates and other benefitsDebugging Next with DevTools
How to enable a debugging client for a NodeJS process in your NextJS applications?
NODE='inspect' next devNODE='--inspect' next devNODE_OPTIONS='inspect' next devNODE_OPTIONS='--inspect' next dev
# Horizontal & Vertical Layouts
One of the main features of this site is the ability to browse content with a column layout. However, this feature may not appeal to everyone.
You can change the layout from "columns" to "rows" at any time clicking the icons and Your choice will be applied to all the content of the current page and saved in your browser settings (localStorage) for all future pages you will visit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga nisi perferendis repellat saepe sunt! Aliquam assumenda autem, consequatur facilis harum id ipsam labore nihil numquam, omnis quae ratione sunt tempore. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga nisi perferendis repellat saepe sunt! Aliquam assumenda autem, consequatur facilis harum id ipsam labore nihil numquam, omnis quae ratione sunt tempore.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga nisi perferendis repellat saepe sunt! Aliquam assumenda autem, consequatur facilis harum id ipsam labore nihil numquam, omnis quae ratione sunt tempore. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga nisi perferendis repellat saepe sunt! Aliquam assumenda autem, consequatur facilis harum id ipsam labore nihil numquam, omnis quae ratione sunt tempore. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga nisi perferendis repellat saepe sunt! Aliquam assumenda autem, consequatur facilis harum id ipsam labore nihil numquam, omnis quae ratione sunt tempore.
