Web Development 1a - VLACS
Back to Learning Catalog

Status

Open

Estimated Completion Time

18 weeks

Overview

How many times per day do you access the internet, including social media? The web is an important part of our daily lives, so it’s no surprise that web development is one of the hottest careers. In this course, you’ll start to get a real picture of professional web development, including how to create content for the web. You’ll learn about topics such as servers, file organization, HTML, CSS, JavaScript, and the development stack that will let you build any website you can dream up!

Course Requirements

  • Internet access
  • Word processing software
  • Google Drawings (or similar software)
  • Google Slides (or similar software)
  • Formspree.io
  • Github account
  • Repl.it account
  • JSFiddle account

Major Topics and Concepts

Unit 1 Introduction to Web Development

  • Describe a brief history of the web and the languages important for web development
  • Define the client-server model and explain how it serves as the foundation for the internet and the web
  • Explain the fundamental purposes of HTML, CSS, and JavaScript
  • Define a framework, as the term applies to front-end markup and programming
  • Create a basic web page with a customized style

Unit 2 Introduction to HTML

  • Discuss HTML’s version history and evolution
  • Use various HTML tags correctly, depending upon context
  • Construct basic HTML lists and tables
  • Create a basic HTML form, as well as describe client and server responses when forms are submitted

Unit 3: Introduction to CSS

  • Add CSS styles to an HTML document in different ways, according to need
  • Create CSS rules using appropriate selectors and properties, with varying levels of specificity
  • Understand the basics of the CSS box model, a key idea in CSS
  • Style various HTML content and elements: text, lists, tables, forms
  • Discuss the pros and cons of HTML/CSS frameworks

Unit 4 Introduction to JavaScript

  • Discuss and create basic JavaScript variables and data structures, such as strings, arrays, and objects
  • Use basic JavaScript decision-making and looping statements
  • Create JavaScript functions and objects
  • Understand how JavaScript interacts with web pages

Unit 5 Web Development Platforms

  • Choose a reasonable server for website development and deployment
  • Discuss a server’s roles and some of the technical components of server hardware
  • Understand the browser’s role in relation to the web server
  • Think about browser and server technologies altogether as a “stack” of development tools and strategies
  • Understand emerging trends in web development platforms

Unit 6 User-Centered Planning and Project Management

  • Describe the steps of a typical professional website planning process
  • Define information architecture and describe the steps involved in the information architecture process
  • Discuss and recognize the tools used for information architecture
  • Understand and discuss the principles and tools used in web project management
  • Know the principles and some technical ideas related to search engine optimization

Unit 7 Organizing Web Files

  • Name files appropriately, according to their type and established practices in web development
  • Work with directories, subdirectories, parent directories, and paths
  • Describe the difference between absolute, relative, and site root-relative paths
  • Properly organize a website’s file structure
  • Identify the commonly used tools for uploading files to a web server

Unit 8 Web Project Workflow

  • Understand real-world project workflow
  • Get started with version control
  • Work with the basics of connecting to a database
  • Discuss basic file uploading
  • Start designing a testing plan

Credits .5

Competency Group Overview

Meets ICT requirement

Competencies

  • Overview of Web Development
    Students will demonstrate an understanding of web development by explaining the history of the internet, development tools and languages, client-server models, the purpose of frameworks, and how to create a basic webpage.
  • Introduction to HTML, CSS and JavaScript
    Students will demonstrate an understanding of HTML, CSS, and JavaScript by explaining the history and basics of HTML, rendering HTML, rules and properties of CSS, basics of CSS box models, basics of JavaScript variables and data structures, the interaction of JavaScript with web pages, and the use of JavaScript functions and objects.
  • Web Development Platforms
    Students will demonstrate an understanding of web development platforms by describing the role of servers, server requirements, the function of a stack, and emerging trends in web development platforms.
  • Planning and Project Management
    Students will demonstrate an understanding of planning and project management by describing the steps of planning a website, the process and tools of information architecture, principles of project management, basic search engine optimization.
  • Web Project Workflow and Organizing
    Students will demonstrate an understanding of web project and workflow organizing by describing file organization and structure, transfer tools and methods, phases of project workflow, and design of a testing plan.

Pre-Requisites

None

Attend an open house

We offer regular online open house webinars where VLACS staff members provide parents and students with an overview of our programs and answer questions about online learning.