Software Installation
by Tomas Trescak· Setup

0 / 700 XP

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

Slide 1 ----------- Part 1: Before we start doing all those important things, let's hear a joke to get in the mood! Here it goes: "Why didn’t the programmer enjoy his camping trip?" ... There were too many bugs! Cool huh! Ok, it's time to install the software you need for this course. Slide 2 ----------- Part 1: 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!" Slide 3 ----------- Part 1: 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. Part 2: 0.25 Slide 4 ----------- Part 1: 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. Part 2: 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! Part 3: To install the pnpm, please run the highlighted command on line one in your terminal. Part 4: 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. Slide 5 ----------- Part 1: 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 [https://classroom.github.com] 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 [https://git-scm.com] 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): * Git [https://git-scm.com/downloads] * Visual Studio Code [https://code.visualstudio.com] * Node.JS [https://nodejs.org/en] Once the tools are installed, please install the pnpm package manager [https://pnpm.io], 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 [https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/3myFj3C3s45Lw7am7p/sections/d0IUbgyycvEqIQBDLy/1%2A5A258K-j8KsFZ79shnkxTg.jpg] Congratulations! You are ready to start the course.
Maggie

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

Maggie is a generative AI that can help you understand the course content better. You can ask her questions about the lecture, and she will try to answer them. You can also see the questions asked by other students and her responses.

Discuss with Others
Ask questions, share your thoughts, and discuss with other learners

Join the discussion to ask questions, share your thoughts, and discuss with other learners
Setup
React Fundamentals
10 points
Next.js
10 points
Advanced React
Databases
10 points
React Hooks
Authentication and Authorisation
10 points
APIs
CI/CD and DevOps
Testing React
Advanced Topics