🍎
Introduction to Web Development
  • Introduction To Web Development
  • Tools
    • Notes: Web Development Process
    • Notes: Replit
    • Notes: GitHub
    • Notes: Replit + GitHub Integration
    • GitHub Pages Hosting
  • Week 1: HTML
    • Notes: HTML
    • Notes: Working With Images
    • Project: Hello World
    • Project: Subject of Interest
  • Week 2: CSS
    • Notes: CSS
    • Using CSS for Layout
      • Notes: Box Model
      • Notes: Flexbox
      • Notes: Responsive Layout
    • Project: Styling Subject of Interest
    • Project: Image Gallery
  • Week 3: JavaScript and HTML Forms
    • Notes: JavaScript
    • Notes: Processing HTML Forms with JavaScript
    • Project: Dynamic Style Change
    • Project: Mad Libs
  • Week 4: Web Site Using Bootstrap
    • Notes: Anatomy of a URL
    • Notes: Content
    • Notes: Bootstrap
    • Notes: Overriding Bootstrap
    • Notes: Favicons
    • Notes: License
    • StartBootstrap Templates
    • Project: Bootstrap Website
  • Wrap Up
  • Videos
Powered by GitBook
On this page
  • Terminology
  • Web Development Workflow
  1. Tools

Notes: Web Development Process

PreviousToolsNextNotes: Replit

Last updated 1 year ago

Terminology

The table below defines terms we'll use in describing the tools we'll use to develop and host code.

Term
Meaning

cloud

The cloud is a network for servers located around the world and accessible via the internet. Cloud services are applications available on on the cloud.

IDE

Interactive Development Environment.

Replit

Cloud based online IDE.

GitHub

Cloud based code storage, management, sharing and web hosting.

Version Control

GitHub provides version control for each repository using branching and merging to allow collaboration and push/pull to load and retrieve code to and from the repository.

Branch/Merge

Technique that allows for collaboration and experimentation with code while maintaining a current branch “main”. A repository user can create a branch, make changes, make a pull request for approval and then merge into the main branch.

Local/Remote

Developer maintains local and remote repositories. Changes are synced using push and pull commands.

Add/Commit

As you make changes in the local repository, you add files that are staged locally and when you’re ready to push, you commit them.

Web Development Workflow

Web development workflow starts with writing code, followed by saving the code in a code repository, and finally publishing the code to a location where is can be accessed on the web. In this course we'll use replit.com as an IDE to write code. Then we'll sync our code in Replit to GitHub. Syncing code to GitHub is a repetitive activity because we sync it after we add to it or make changes. Finally we'll host the code on github.io which is a service offered by GitHub known as GitHub pages.

Web Development Workflow