Software setup for beginner frontend web developers

Learn to install essential software for frontend web development as a beginner.

Created 21st Jun 2024
English

Register Your Interest

I'm currently working on the final parts of this course , so enter your email below and I'll send you a message when it's been released.

Course Level beginner
Course Language English
Course Chapters 8 chapters
Course Videos 16 videos

Course overview

This beginner-friendly course is designed to help you set up the essential software needed to embark on your journey as a frontend web developer. I'll guide you through the installation and configuration of the key tools that form the foundation of a productive development environment....

This beginner-friendly course is designed to help you set up the essential software needed to embark on your journey as a frontend web developer. I'll guide you through the installation and configuration of the key tools that form the foundation of a productive development environment. Additionally, we'll also cover using the terminal effectively, including various third-party options to enhance your experience.

The main goal of this course is to equip you with the knowledge and skills necessary to set up your development environment efficiently and with confidence. Whether you are just starting or looking to solidify your setup, this course will provide a solid foundation for your frontend development career.

What you will learn
  • install Node.js and understand how to use npm for package management.
  • Install and utilise Figma for working with project design files.
  • Get Git installed and setup for version control.
  • Install Postman and explore its features for testing APIs.
  • Set up VS Code, a popular code editor, and customise it for your workflow.
Table of contents

Below, you'll find the table of contents for all the videos available in this course. Click on a chapter to expand and see the videos included.

Course preview
Get an overview of what to expect from this course.
Course goals
The course's primary goal is to get absolute beginners set up with the essential software they need to start learning frontend web development.
Course prerequisites
You don't need any previous skills to get started; just jump right in!
Node.js overview and installation
Learn about Node.js and why it's an essential tool for frontend web development
Overview of npm
I'll guide you through the basics of npm (Node's package manager), which is installed automatically with Node.js.
Let's initialise your first npm project
I'll guide you through the process of creating your first npm project.
Figma overview and installation
Let's explore Figma's key features and discuss how it fits into the web development process. After that, I'll guide you in opening your Figma account and talk you through the various ways you can use Figma.
Git overview
By the end of this video, you'll understand how Git helps you keep track of your project's history, collaborate with others, and manage different versions of your code efficiently.
Git installation and setup
By the end of this video, you'll be ready to start using Git to manage your code effectively.
Code editors overview
We'll discuss the key features that make a good code editor, such as syntax highlighting, code completion, and debugging support
VS Code installation and setup
I'll guide you through the process of installing Visual Studio Code (VS Code), one of the most popular and powerful code editors available.
Postman overview
Postman is a popular tool used for testing and interacting with APIs. We'll explore its key features, such as creating and sending requests, examining responses, and organising your work with collections.
Postman installation and setup
I'll guide you through the steps to install Postman on your computer.
Terminal overview
I'll introduce you to the terminal (or command line) and its importance in web development. We'll discuss what the terminal is, how it works, and why it's a powerful tool for developers.
Basic commands crash course
Let's go through some fundamental terminal commands that you'll use frequently as a developer. We'll cover commands for navigating the file system, creating and managing files and directories, and other essential tasks.
Course wrap up and next steps
That's it - it's a wrap for this course! Let's go through what your next steps will be on your path to becoming a frontend web developer!
Course FAQs
What is this?
This is a web development video course designed to help you improve your frontend development skills. The course is broken down into smaller chapters, and each chapter contains a series of related videos.
When can I enrol?
When the course is ready, the "Register your interest" button will be replaced with an "Enrol Now" button. Be sure to add your email via the "Register your interest" button to be notified when the course is ready.
Additional resources
  • Frontend web development projects

    Beginner-friendly projects focusing on HTML, CSS, and JavaScript.

    View Projects
  • Free website templates

    Collection of free, high-quality website templates for your next project.

    View Templates
  • Frontend web development quizzes

    Test your knowledge on frontend subjects such as HTML, CSS, and JavaScript.

    View Quizzes