Software Installation
by Tomas TrescakΒ· Setup

Root Folder
Not Attempted
NameProgress
Introduction
Not Read
🍰 Player
Not Read
Software Installation
Project Setup
Running and Testing
React and ReactDOM
πŸ’‘ Assignment 1: Welcome Message
Not Attempted
Submissions
React
Not Attempted
NameProgress
JSX and Components
Not Read
Props
Not Read
πŸ‘Ύ Exercise: Props
Not Attempted
CSS Styles
Not Read
useState and Hooks
Not Read
πŸ‘Ύ Exercise: useState
Not Attempted
Conditional Rendering
Not Read
Lists
Not Read
πŸ‘Ύ Exercise: Lists
Not Attempted
Forms and Events
Not Read
πŸ‘Ύ Exercise: Forms
Not Attempted
πŸ’‘ Assignment 2: Front End
Not Attempted
Advanced React
Not Attempted
NameProgress
Pure Components - memo
Not Read
Lifecycle - useEffect
Not Read
Expensive? - useMemo
Not Read
DOM Interactions - useRef
Not Read
forwardRef
Not Read
useImperativeHandle
Not Read
πŸ‘Ύ useImperativeHandle
Not Attempted
Context
Not Read
useCallback
Not Read
useId
Not Read
useReducer
Not Read
Infrastructure
Not Attempted
NameProgress
Database
Not Read
NextAuth and Github Authentication
Not Read
Prisma and ORM
Not Read
Project Setup
Not Read
Project Authentication
Not Read
APIs
Not Attempted
NameProgress
APIs
Not Read
APIs - Slides
Not Attempted
Rest APIs
Not Read
Rest APIs - Express.js
Not Read
ReastAPIs - Next.js
Not Read
Securing APIs
Not Read
Securing APIs - NextAuth
Not Read
tRPC
Not Attempted
NameProgress
tRPC
Not Read
tRPC - Routers
Not Read
tRPC - Server Rendering
Not Read
tRPC - Client Rendering
Not Read
Persisting Data
Not Read
Assignment 3: APIs
Not Read
0 / 250 XP

Lecture Transcript
If you prefer text to video, check out the transcript of the presentation above

Let's set up your assignments in Github Classroom.

Let's start by setting up one of the most important tools of coding, your code repository. In this course we will use Github, commercial, but free Git provider. Think of GitHub like the Instagram of code, but way cooler. Go ahead and sign up so you can start storing and sharing your projects with the world!"

While you can use online code editors, it is more comfortable if you work locally on your computer with development software installed on your computer. Please install the following tools now and use the standard installation for all tools. Once you installed all three tools, please click Play to continue.

0.25

Once the tools are installed, please install the pnpm package manager, which is a very performant and disk-space-aware tool managing your javascript packages.

Check out this video from the creator of T3Stack explaining the difference to npm. To watch the video, please pause the presentation and click on the video. Video within video? Hmm, yet another fantastic feature of the piePlayer!

To install the pnpm, please run the highlighted command on line one in your terminal.

If you run into problems on Mac and Linux, you may need elevated privileges to install a global system package. To do so, please run this command instead.

Let us recap! You should have registered for Github account. On your computer, you should have Git, Visual Studio Code, Node.js and pnpm installed. If that is the case, let's start!

Description
All the extra information about this section

During this course, we will use both SkillPies interactive examples as well as Github Classroom to track your work. If you do not have an account at Github or Github Classroom, please create one now. We will also extensively use git as our source control versioning tool.  If you do not know what git is and how to work with it, do not despair; in this course, we cover everything!

While we allow you to use an online code editor, it is more comfortable if you work locally on your computer with development software installed on your computer. Please install the following tools now (use the standard installation for all tools):

Once the tools are installed, please install the pnpm package manager, which is a very performant and disk-space-aware tool managing your javascript packages (check out the video on their page explaining the difference to npm). To install the pnpm, please run the following command in your terminal:

npm i -g pnpm  

If you run into problems on Mac and Linux, you may need elevated privileges to install a global system package. To do so, please run the following command instead:

sudo npm i -g pnpm

Congratulations! You are ready to start the course.

Maggie

Discuss with Maggie
Use the power of generative AI to interact with course content

Discussion

0 comments
Loading editor ...
Remember to be polite and report any undesirable behaviour

Category

Empty

Labels

Discussion has no labels

1 participant

user avatar

Priority

Notifications

You're not receiving notifications from this thread.
Course Outline