Full Stack Bootcamp
  • COURSE INFORMATION
    • Full Stack Bootcamp
  • Self-Onboarding
    • Get Started
    • Your Bootcamp
    • Participation & Conduct Protocols
    • Tools
      • Google Classroom
      • Slack
      • Google Calendar
      • Zoom
      • GitHub
      • Visual Studio Code
    • Study Strategies
    • Complete your Self-Onboarding
  • Overview
    • Prepare for the Course
    • Your Course
  • Foundations
    • First small Project
    • Working with the Browser
    • The Importance of Documentation
    • AI - How to use it for coding and learning
    • JavaScript
      • Get started with Javascript
      • Variables and Data Types
      • Operators
      • Conditionals
      • Loops
      • Arrays
      • Objects
      • Functions
      • Scope
      • Callbacks
      • Event Handling
      • Error Handling
      • Debugging
      • DOM Manipulation
      • Dynamic Rendering
      • Asynchronous Coding
      • Async/Await
      • Further Resources
  • 👏Credits
Powered by GitBook
On this page
  1. Foundations

Working with the Browser

PreviousFirst small ProjectNextThe Importance of Documentation

Last updated 10 months ago

What is a web browser?

You probably use it daily. Let's take a closer look at what it actually is.

A web browser is software that allows you to view webpages, either retrieved from the internet or loaded from your computer. The primary function of a web browser is to render HTML files: transforming all the code (HTML, CSS and JavaScript) as well as the references (images, videos, etc.) to display a page correctly.

For further study, delve into the following:

Choosing the right browser

As a web developer you will write code that will display in different browsers. As such it is important that you get familiar with most major browsers in use today. These are:

  • (Not available for Mac/Linux yet)

In your ReDI journey you'll mainly be using Google Chrome when developing, as is has great developer tools that allow us to develop web applications in an easier and clearer way.

How to use the browser inspector

The inspector is a part of web browsers developers can use to take a closer look at the composition of the HTML elements. This makes it easier to write HTML and CSS code that works.

Watch the following videos and follow along:

Useful browser extensions

As web developers we'll be dealing with the browser all the time. Why not upgrade our browser so it can make our programming life easier?

Extensions:

There are many more of these extensions and we encourage you to explore. See what fits your needs!

A browser extension is a piece of software someone has written to increase the capability of the web browser. For example, if you hate receiving advertisements you probably use something like to block all the unwanted ads you might find in your webpages (if not, download it as soon as possible!).

The following is a list of extensions that have proven to be useful during web development. This list only applies for Google Chrome, so if you don't have it, .

Modify the technologies underlying each website, in real time, using

Expose what technologies a website is using with

If you ever wanted to know the exact color of any element in a page, you can now do so with

Help us improve the content

You can leave comments .

What is a browser?
How web browsers work
About your web browser
Google Chrome
Safari
Mozilla Firefox
Microsoft Edge
Opera
Using browser inspector tools
Google Chrome Developer Tools Crash Course
Adblock
install it
Web developer
WhatRuns
ColorZilla
🤩
here