Web Development - Outline | CodeHS (2023)

  1. 1.1 Diagnostic Quizzes

  2. Notes 1.1.1 Welcome to Web Development

  3. Unit Quiz 1.1.2 HTML/CSS Diagnostic Quiz

  4. Unit Quiz 1.1.3 JavaScript Diagnostic Quiz

  5. 1.2 The Script Tag

  6. Video 1.2.1 The Script Tag

  7. Check for Understanding 1.2.2 The Script Tag Quiz

  8. Example 1.2.3 Debugging Functions

  9. Free Response 1.2.4 Using the Console

  10. Exercise 1.2.5 Writing in the Console

  11. Exercise 1.2.6 Alert Introduction

  12. Exercise 1.2.7 Debugging with the Console

  13. Challenge 1.2.8 Quick Trivia

  14. 1.3 Using the DOM

  15. Video 1.3.1 getElementById

  16. Check for Understanding 1.3.2 getElementById Quiz

  17. Example 1.3.3 Welcome to My Site!

  18. Exercise 1.3.4 Let's Get to Know You

  19. Exercise 1.3.5 Simple Math

  20. Video 1.3.6 Using the DOM

  21. Check for Understanding 1.3.7 Using the DOM Quiz

  22. Example 1.3.8 Multiple <p> tags

  23. Exercise 1.3.9 Menu Opinion

  24. Exercise 1.3.10 Longest Paragraph

  25. 1.4 Creating Elements Using the DOM

  26. Video 1.4.1 Creating Elements Using the DOM

  27. Check for Understanding 1.4.2 Creating Elements Using the DOM

  28. Example 1.4.3 Make a Button

  29. Example 1.4.4 The Whole Family

  30. Exercise 1.4.5 Roll Call

  31. Exercise 1.4.6 Add to Calendar

  32. 1.5 Styling Elements Using Javascript

  33. Video 1.5.1 Styling Elements Using JavaScript

  34. Check for Understanding 1.5.2 Styling Elements Using JavaScript

  35. Example 1.5.3 Frankenstein Footnote

  36. Example 1.5.4 .(attribute) vs. setAttribute

  37. Exercise 1.5.5 Add a Link

  38. Exercise 1.5.6 Create a Flag

  39. Exercise 1.5.7 Checkerboard

  40. 1.6 Functions in HTML

  41. Video 1.6.1 Functions in HTML

  42. Check for Understanding 1.6.2 Functions in HTML

  43. Example 1.6.3 Changing Text Color

  44. Example 1.6.4 Change Text Color with Parameters

  45. Exercise 1.6.5 Announcement Function

  46. Exercise 1.6.6 Random Number Generator

  47. Exercise 1.6.7 Add Colors!

  48. 1.7 This Keyword

  49. Video 1.7.1 This Keyword

  50. Check for Understanding 1.7.2 This Keyword

  51. Example 1.7.3 Clicking Multiple Paragraphs

  52. Example 1.7.4 Clicking with Event Listeners

  53. Exercise 1.7.5 Click Box

  54. Exercise 1.7.6 Cross Out

  55. Challenge 1.7.7 Make a Quilt

  56. 1.8 Challenge: Make a Keyboard

  57. Connection 1.8.1 Challenge Overview!

  58. Exercise 1.8.2 Make Button

  59. Exercise 1.8.3 Make Text

  60. Challenge 1.8.4 Make a Keyboard

  61. 1.9 Keyboard Interactions

  62. Video 1.9.1 Keyboard Events

  63. Check for Understanding 1.9.2 Keyboard Events

  64. Example 1.9.3 Coordinate Plane

  65. Example 1.9.4 Make a Keyboard with Key Events

  66. Exercise 1.9.5 Key Alert

  67. Exercise 1.9.6 Light Up Squares

  68. Exercise 1.9.7 Light Switch Squares

  69. 1.10 JavaScript Animations

  70. Video 1.10.1 Animations in JavaScript

  71. Check for Understanding 1.10.2 Animations in JavaScript

  72. Example 1.10.3 Growing Square

  73. Example 1.10.4 Changing Colors

  74. Exercise 1.10.5 Rotating Div

  75. Exercise 1.10.6 Lucky Lotto Number

  76. Exercise 1.10.7 Rotating Div with Keyboard Interaction

  77. 1.11 Positioning and Animations

  78. Video 1.11.1 Positioning and Animations

  79. Check for Understanding 1.11.2 Positioning and Animations

  80. Example 1.11.3 Positioning Elements

  81. Example 1.11.4 Moving Square in Container

  82. Exercise 1.11.5 Practice with Positions

  83. Exercise 1.11.6 Hidden Nav Bar

  84. Exercise 1.11.7 Moving a Square

  85. Challenge 1.11.8 Add Div Animation

  86. 1.12 Introduction to JavaScript in HTML Quiz

  87. Unit Quiz 1.12.1 Introduction to JavaScript in HTML Quiz

  1. 2.1 Introduction to jQuery

  2. Video 2.1.1 Introduction to jQuery

  3. Check for Understanding 2.1.2 Introduction to jQuery

  4. Example 2.1.3 Using the Selector

  5. Example 2.1.4 jQuery Functions

  6. Connection 2.1.5 Exploring the jQuery Documentation

  7. Free Response 2.1.6 Exploring the jQuery Documentation

  8. Exercise 2.1.7 High School Info

  9. Exercise 2.1.8 Change Paragraph Size

  10. Exercise 2.1.9 jQuery Table

  11. Challenge 2.1.10 Smart jQuery Table

  12. 2.2 Iterating with jQuery

  13. Video 2.2.1 Iterating with jQuery

  14. Check for Understanding 2.2.2 Iterating with jQuery

  15. Example 2.2.3 Printing To Do List

  16. Example 2.2.4 Smart Table Using Each

  17. Exercise 2.2.5 Mark Complete

  18. Exercise 2.2.6 Fix Width

  19. Exercise 2.2.7 Strobe Light

  20. 2.3 Animations with jQuery

  21. Video 2.3.1 Animations with jQuery

  22. Check for Understanding 2.3.2 Animations with jQuery

  23. Example 2.3.3 .animate Grow

  24. Example 2.3.4 Animation Queue

  25. Example 2.3.5 Toggle

  26. Exercise 2.3.6 Bouncy Ball

  27. Exercise 2.3.7 Extracurriculars

  28. Exercise 2.3.8 FrankenDiv

  29. 2.4 Callback Functions and Synchronization

  30. Video 2.4.1 Callback Functions and Synchronization

  31. Check for Understanding 2.4.2 Callback Functions and Synchronization

  32. Example 2.4.3 .animate Execution Delay

  33. Example 2.4.4 .animate Per-Element Callback

  34. Exercise 2.4.5 Grow and Shrink Counter

  35. Exercise 2.4.6 Progress Bar

    (Video) Learn web development as an absolute beginner

  36. Challenge 2.4.7 The Wave

  37. 2.5 Using Multiple Files in JavaScript

  38. Video 2.5.1 Using Multiple Files in JavaScript

  39. Check for Understanding 2.5.2 Using Multiple Files in JavaScript

  40. Example 2.5.3 Execution Order

  41. Example 2.5.4 Accessibility Button

  42. Exercise 2.5.5 Our First js File

  43. Exercise 2.5.6 Fix Load Order

  44. Challenge 2.5.7 The Wave with .js

  45. 2.6 Using JavaScript Libraries Quiz

  46. Unit Quiz 2.6.1 Using JavaScript Libraries Quiz

  1. 3.1 Creating a Resume

  2. Connection 3.1.1 Interactive Resume Project Overview

  3. Connection 3.1.2 What is a Resume?

  4. Free Response 3.1.3 What is a Resume?

  5. Free Response 3.1.4 Draft Your Resume

  6. 3.2 Layout and Web Design Theory

  7. Video 3.2.1 Layout and Web Design Theory

  8. Check for Understanding 3.2.2 Layout and Web Design Theory

  9. Free Response 3.2.3 Learning More About the Z and F Layouts

  10. Connection 3.2.4 Explore Resume Layouts

  11. Free Response 3.2.5 Explore Resume Layouts

  12. Free Response 3.2.6 Sample Interactive Layouts

  13. 3.3 Interactive Resume Development

  14. Free Response 3.3.1 Draft Your Interactive Resume

  15. Challenge 3.3.2 Online Interactive Resume Draft

  16. Free Response 3.3.3 Evaluating an Interactive Resume

  17. Challenge 3.3.4 Final Draft Interactive Resume

  1. 4.1 Collecting and Storing Data

  2. Video 4.1.1 Collecting and Storing Data

  3. Check for Understanding 4.1.2 Collecting and Storing Data

  4. Connection 4.1.3 How Much is Your Data Worth?

  5. Free Response 4.1.4 How Much is Your Data Worth Responses

  6. Example 4.1.5 Does Your Browser Have Local Storage?

  7. Example 4.1.6 Local Storage

  8. Connection 4.1.7 Cookies vs. Local Storage

  9. Free Response 4.1.8 Cookies vs. Local Storage Responses

  10. 4.2 Storing Data with Local Storage

  11. Video 4.2.1 Storing Data with Local Storage

  12. Check for Understanding 4.2.2 Storing Data with Local Storage

  13. Example 4.2.3 Saving Your Name

  14. Example 4.2.4 Save Button Clicks

  15. Exercise 4.2.5 Save Background Color

  16. Exercise 4.2.6 How Many Times Have You Visited This Site

  17. 4.3 Storing Data Structures with Local Storage

  18. Video 4.3.1 Storing Data Structures with Local Storage

  19. Check for Understanding 4.3.2 Storing Data Structures with Local Storage

  20. Example 4.3.3 Using JSON

  21. Example 4.3.4 Last Three Backgrounds

  22. Exercise 4.3.5 Print To Do List

  23. Exercise 4.3.6 Tracking Scores

  24. Challenge 4.3.7 Saving Active Divs

  25. 4.4 JavaScript Objects

  26. Video 4.4.1 Using Objects in JavaScript

  27. Check for Understanding 4.4.2 Using Objects in JavaScript

  28. Example 4.4.3 Person Object

  29. Example 4.4.4 Using Functions in Objects

  30. Exercise 4.4.5 A Contact Object

  31. Exercise 4.4.6 Add Contact

  32. Exercise 4.4.7 Retrieve Contacts

  33. Challenge 4.4.8 Print Contact List + Styling

  34. 4.5 Using Input Fields

  35. Video 4.5.1 Using Input Fields

  36. Check for Understanding 4.5.2 Using Input Fields

  37. Example 4.5.3 Input Types

  38. Example 4.5.4 Serialized Form Array

  39. Example 4.5.5 Storing Input in Local Storage

  40. Exercise 4.5.6 To-Do List

  41. Exercise 4.5.7 To-Do List with Local Storage

  42. Exercise 4.5.8 Birthday Tracker

  43. 4.6 Challenge: Create a Survey

  44. Connection 4.6.1 Survey Challenge Overview

  45. Free Response 4.6.2 Survey Brainstorm

  46. Exercise 4.6.3 Create Survey Form

  47. Challenge 4.6.4 Complete your Survey

  48. 4.7 Storing Data with Firebase

  49. Video 4.7.1 Storing Data with Firebase

  50. Check for Understanding 4.7.2 Storing Data with Firebase

  51. Example 4.7.3 Storing and Collecting Data with Firebase

  52. Exercise 4.7.4 Introduce Yourself to Firebase

  53. Exercise 4.7.5 Storing a Book Object

  54. Exercise 4.7.6 Retrieving a Book Object

  55. 4.8 Traversing Data with Firebase

  56. Video 4.8.1 Traversing Data with Firebase

  57. Check for Understanding 4.8.2 Traversing Data with Firebase

  58. Example 4.8.3 Adding New Nodes

  59. Example 4.8.4 Visualizing Firebase

  60. Free Response 4.8.5 Visualizing Firebase

  61. Exercise 4.8.6 Retrieving Authors

  62. Exercise 4.8.7 Diary Entry

  63. 4.9 Challenge: Collecting User Clicks

  64. Connection 4.9.1 Storing Click Data Overview

  65. Challenge 4.9.2 Get Date and Element

  66. Challenge 4.9.3 Storing Click Data

  67. 4.10 For/In Loops

  68. Video 4.10.1 For/In Loops

  69. Check for Understanding 4.10.2 For/In Loops Quiz

  70. Example 4.10.3 Find Users with Same Name

  71. Example 4.10.4 Nested For/In Loops

  72. Exercise 4.10.5 Hogwarts

  73. Exercise 4.10.6 How Many Guests?

  74. Challenge 4.10.7 Visualizing User Clicks

  75. 4.11 Using APIs

  76. Video 4.11.1 Using APIs

  77. Check for Understanding 4.11.2 Using APIs

  78. Example 4.11.3 Using an API Key

  79. Example 4.11.4 Generate an API Key

  80. Exercise 4.11.5 Creating a Dictionary API

  81. Exercise 4.11.6 Using a Movie API

  82. 4.12 Storing and Collecting Data Quiz

  83. Unit Quiz 4.12.1 Storing and Collecting Data Quiz

  1. 5.1 Define Your Product

  2. Resource 5.1.1 Project: Collecting Data Overview

  3. Free Response 5.1.2 Data Website Brainstorm

  4. 5.2 Develop Hypotheses

  5. Video 5.2.1 User Personas

  6. Check for Understanding 5.2.2 User Personas

  7. Connection 5.2.3 User Persona Example

  8. Free Response 5.2.4 User Persona Example Responses

  9. Free Response 5.2.5 Create Your Own User Persona

  10. 5.3 Creating Your Data Collection Website

  11. Free Response 5.3.1 Drafting Your Website

  12. Free Response 5.3.2 Organizing Your Data

  13. Challenge 5.3.3 Data Collection Site

    (Video) WEB DEVELOPMENT explained in 10 minutes (2020)

  14. 5.4 Collecting User Data

  15. Free Response 5.4.1 Collecting User Data

  16. Free Response 5.4.2 User Testing 1

  17. Free Response 5.4.3 User Testing 2

  18. 5.5 Analyzing User Data

  19. Video 5.5.1 Analyzing User Data

  20. Check for Understanding 5.5.2 Analyzing User Data

  21. Free Response 5.5.3 Label your Data

  22. Free Response 5.5.4 Analyzing your Data

  23. 5.6 Making Decisions

  24. Free Response 5.6.1 Writing up a Data Report

  1. 6.1 Choosing a Domain Name

  2. Video 6.1.1 Choosing a Domain Name

  3. Check for Understanding 6.1.2 Choosing a Domain Name

  4. Connection 6.1.3 How to Choose a Domain Name

  5. Free Response 6.1.4 How to Choose a Domain Name

  6. Notes 6.1.5 Choosing a Domain Name

  7. Free Response 6.1.6 Choosing a Domain Name

  8. 6.2 Hosting Your Website

  9. Video 6.2.1 Personal Servers vs. Web Server Providers

  10. Check for Understanding 6.2.2 Personal Servers vs. Web Server Providers

  11. Connection 6.2.3 How to Host a Website

  12. Free Response 6.2.4 How to Host a Website

  13. Connection 6.2.5 Hosting a Website from Your Own Home

  14. Free Response 6.2.6 Self-Hosted or Web Server Provider?

  15. Free Response 6.2.7 Hosting on CodeHS!

  16. 6.3 Using a CMS

  17. Video 6.3.1 Using a CMS

  18. Check for Understanding 6.3.2 Using a CMS

  19. Connection 6.3.3 How to Choose a CMS

  20. Free Response 6.3.4 How to Choose a CMS

  21. Connection 6.3.5 Comparing CMS Systems

  22. Free Response 6.3.6 Comparing CMS Systems

  23. 6.4 What is Web Optimization?

  24. Video 6.4.1 What is Web Optimization?

  25. Check for Understanding 6.4.2 What is Web Optimization?

  26. Connection 6.4.3 Website Folder Structure

  27. Notes 6.4.4 File Naming Conventions

  28. Free Response 6.4.5 Folders and Files

  29. 6.5 Optimizing Web Information

  30. Video 6.5.1 Optimizing Web Information

  31. Check for Understanding 6.5.2 Optimizing Web Information

  32. Connection 6.5.3 How Search Works

  33. Free Response 6.5.4 How Search Works

  34. Connection 6.5.5 What is Search Engine Optimization (SEO)?

  35. Free Response 6.5.6 SEO Definition

  36. Connection 6.5.7 Ethical Search Optimization

  37. Free Response 6.5.8 Ethical Search Optimization

  38. Connection 6.5.9 Yoast Analyzer

  39. Free Response 6.5.10 Yoast Tool Activity

  40. 6.6 How to Build and Maintain a Website Quiz

  41. Unit Quiz 6.6.1 How to Build and Maintain a Website Quiz

  1. 7.1 Project Overview

  2. Resource 7.1.1 Final Project Overview

  3. Connection 7.1.2 Innovative Brainstorm

  4. Free Response 7.1.3 Innovative Brainstorm

  5. 7.2 Planning Your Site

  6. Free Response 7.2.1 Determine your Objectives

  7. Free Response 7.2.2 Create a Sitemap

  8. Free Response 7.2.3 Create a Project Timeline

  9. 7.3 Creating Your Site

  10. Free Response 7.3.1 Create your Site

  11. 7.4 Providing Feedback

  12. Connection 7.4.1 Evaluating an Innovation

  13. Free Response 7.4.2 Evaluating an Innovation

  14. Free Response 7.4.3 User Testing 1

  15. Free Response 7.4.4 User Testing 2

  16. 7.5 Presenting Your Innovation

  17. Free Response 7.5.1 Make Changes and Update Version

  18. Presentation 7.5.2 Present your Innovation

  1. 8.1 Introduction to HTML

  2. Video 8.1.1 Introduction to HTML

  3. Check for Understanding 8.1.2 Introduction to HTML Quiz

  4. Example 8.1.3 Our First HTML Page

  5. Exercise 8.1.4 Say Hello!

  6. 8.2 Structure of an HTML Page

  7. Video 8.2.1 Structure of an HTML Page

  8. Check for Understanding 8.2.2 Structure of an HTML Page Quiz

  9. Example 8.2.3 HTML Template

  10. Example 8.2.4 Hello World Page

  11. Exercise 8.2.5 The <title> Tag

  12. Exercise 8.2.6 Your First HTML Page

  13. 8.3 Formatting Text

  14. Video 8.3.1 Formatting Text

  15. Check for Understanding 8.3.2 Formatting Text Quiz

  16. Example 8.3.3 Dictionary

  17. Exercise 8.3.4 Word Definitions

  18. Exercise 8.3.5 Pet Names

  19. Exercise 8.3.6 Call of the Wild

  20. 8.4 Links

  21. Video 8.4.1 Links

  22. Check for Understanding 8.4.2 Links Quiz

  23. Example 8.4.3 The <a> Tag

  24. Exercise 8.4.4 Bookmarks

  25. Exercise 8.4.5 Encyclopedias

  26. 8.5 Images

  27. Video 8.5.1 Images

  28. Check for Understanding 8.5.2 Images Quiz

  29. Example 8.5.3 The <img> Tag

  30. Example 8.5.4 Building the CodeHS Homepage

  31. Exercise 8.5.5 Collage on a Theme

  32. Exercise 8.5.6 Linking an Image

  33. Exercise 8.5.7 National Parks

  34. 8.6 HTML Lists

  35. Video 8.6.1 HTML Lists

  36. Check for Understanding 8.6.2 HTML Lists Quiz

  37. Example 8.6.3 Grocery Shopping

  38. Exercise 8.6.4 Class Planning

  39. Exercise 8.6.5 Dream Destinations

  40. Exercise 8.6.6 Vacation Guides

  41. 8.7 HTML Tables

  42. Video 8.7.1 HTML Tables

  43. Check for Understanding 8.7.2 HTML Tables Quiz

  44. Example 8.7.3 Address Book

  45. Exercise 8.7.4 National Sports

  46. Exercise 8.7.5 Table of Favorites

  47. 8.8 HTML Styling

  48. Video 8.8.1 HTML Styling

  49. Check for Understanding 8.8.2 HTML Styling Quiz

  50. Example 8.8.3 Stylish Address Book

  51. Exercise 8.8.4 Background Colors

  52. Exercise 8.8.5 Style Your Class List

  53. 8.9 Introduction to CSS

  54. Video 8.9.1 Introduction to CSS

  55. Check for Understanding 8.9.2 Introduction to CSS Quiz

  56. Example 8.9.3 Styling your H1s

  57. Exercise 8.9.4 First style with CSS

    (Video) Frontend web development - a complete overview

  58. Exercise 8.9.5 List Styling

  59. 8.10 CSS Select by Tag

  60. Video 8.10.1 CSS Select by Tag

  61. Check for Understanding 8.10.2 CSS Select by Tag Quiz

  62. Example 8.10.3 Rainbow

  63. Example 8.10.4 Puppy Styling

  64. Exercise 8.10.5 Set List

  65. Exercise 8.10.6 Your Appliance Recommendations

  66. 8.11 CSS Select by Class

  67. Video 8.11.1 CSS Select by Class

  68. Check for Understanding 8.11.2 CSS Select by Class Quiz

  69. Example 8.11.3 Simple Checkerboard

  70. Exercise 8.11.4 Swim Meet

  71. Exercise 8.11.5 Favorite Things

  72. 8.12 CSS Select by ID

  73. Video 8.12.1 CSS Select by ID

  74. Check for Understanding 8.12.2 CSS Select by ID Quiz

  75. Example 8.12.3 Logo

  76. Exercise 8.12.4 Must Do Today!

  77. Exercise 8.12.5 Lomeli's Menu

  78. 8.13 The Cascade

  79. Video 8.13.1 The Cascade

  80. Check for Understanding 8.13.2 The Cascade Quiz

  81. Example 8.13.3 Using Importance

  82. Example 8.13.4 Order of Precedence

  83. Exercise 8.13.5 We Really Like Dairy

  84. Exercise 8.13.6 Style the Table

  85. 8.14 Multi-file Websites

  86. Video 8.14.1 Splitting Your Site into Files

  87. Check for Understanding 8.14.2 Splitting Your Site into Files Quiz

  88. Example 8.14.3 Multipage Site Example

  89. Exercise 8.14.4 Add a Style Sheet

  90. Exercise 8.14.5 Dividing the Site

  91. 8.15 Divs

  92. Video 8.15.1 Divs

  93. Check for Understanding 8.15.2 Divs Quiz

  94. Example 8.15.3 Divvying up the Site

  95. Exercise 8.15.4 Quotes

  96. Exercise 8.15.5 Flags

  97. 8.16 Spans

  98. Video 8.16.1 Spans

  99. Check for Understanding 8.16.2 Spans Quiz

  100. Example 8.16.3 Span Formatting

  101. Exercise 8.16.4 Vocabulary

  102. Exercise 8.16.5 Text Decoration

  103. 8.17 Combining CSS Selectors

  104. Video 8.17.1 Combining CSS Selectors

  105. Check for Understanding 8.17.2 Combining CSS Selectors Quiz

  106. Example 8.17.3 More Specific Styling

  107. Exercise 8.17.4 Choosing Nested Tags

  108. Exercise 8.17.5 Highlight the First Item

  109. Exercise 8.17.6 Calorie Recommendations

  110. 8.18 Special Selectors

  111. Video 8.18.1 Special Selectors

  112. Check for Understanding 8.18.2 Special Selectors Quiz

  113. Example 8.18.3 Vote For Me

  114. Example 8.18.4 Vote For Me Pt 2

  115. Exercise 8.18.5 Extend Vote For Me

  116. Exercise 8.18.6 Special Vendors

  117. Exercise 8.18.7 Checklist

  118. 8.19 Visibility

  119. Video 8.19.1 Visibility

  120. Check for Understanding 8.19.2 Visibility Quiz

  121. Example 8.19.3 Display Example

  122. Example 8.19.4 Fading Text

  123. Exercise 8.19.5 Favorite Sea Creature

  124. Exercise 8.19.6 Caption on Demand

  125. 8.20 Animation

  126. Video 8.20.1 Animation

  127. Check for Understanding 8.20.2 Animation Quiz

  128. Example 8.20.3 Animated Image Filter

  129. Exercise 8.20.4 Animated Invert Filter

  130. Exercise 8.20.5 Album Cover

  131. 8.21 Interaction

  132. Video 8.21.1 Interaction

  133. Check for Understanding 8.21.2 Interaction Quiz

  134. Example 8.21.3 Interactive Image Filter

  135. Example 8.21.4 Smooth Interactive Image Filter

  136. Example 8.21.5 Smooth Change on Click

  137. Exercise 8.21.6 Button Interaction

  138. Exercise 8.21.7 Create Your Own Tooltip

  1. 9.1 Hello World

  2. Video 9.1.1 Hello World

  3. Check for Understanding 9.1.2 Hello World Quiz

  4. Example 9.1.3 Hello World

  5. Exercise 9.1.4 Your Name and Hobby

  6. 9.2 Variables

  7. Video 9.2.1 Variables

  8. Check for Understanding 9.2.2 Variables Quiz

  9. Example 9.2.3 Basic Variables

  10. Exercise 9.2.4 Daily Activities

  11. 9.3 User Input

  12. Video 9.3.1 User Input

  13. Check for Understanding 9.3.2 User Input Quiz

  14. Example 9.3.3 Basic User Input

  15. Exercise 9.3.4 Dinner Plans

  16. Badge 9.3.5 User Input Badge

  17. 9.4 Basic Math in JavaScript

  18. Video 9.4.1 Basic Math in JavaScript

  19. Check for Understanding 9.4.2 Basic Math in JavaScript Quiz

  20. Example 9.4.3 Simple Calculator

  21. Example 9.4.4 Dollars to Pounds

  22. Example 9.4.5 Dividing Up Groups

  23. Exercise 9.4.6 T-Shirt Shop

  24. Exercise 9.4.7 Running Speed

  25. 9.5 Booleans

  26. Video 9.5.1 Booleans

  27. Check for Understanding 9.5.2 Booleans Quiz

  28. Example 9.5.3 First Boolean

  29. Exercise 9.5.4 Do You Have a Dog?

  30. 9.6 Logical Operators

  31. Video 9.6.1 Logical Operators

  32. Check for Understanding 9.6.2 Logical Operators Quiz

  33. Example 9.6.3 Light Switch

  34. Example 9.6.4 President

  35. Example 9.6.5 Wasting Time

  36. Exercise 9.6.6 Can You Graduate?

  37. Exercise 9.6.7 School's Out

  38. 9.7 Comparison Operators

  39. Video 9.7.1 Comparison Operators

  40. Check for Understanding 9.7.2 Comparison Operators Quiz

  41. Example 9.7.3 Voting Age

  42. Example 9.7.4 Grade Range

  43. Exercise 9.7.5 Rolling Dice

  44. Exercise 9.7.6 Girl Scout Designation

    (Video) web development course outline for beginners

  45. 9.8 If Statements

  46. Video 9.8.1 If Statements

  47. Check for Understanding 9.8.2 If Statements Quiz

  48. Example 9.8.3 Negative Numbers

  49. Example 9.8.4 Great Names

  50. Example 9.8.5 Even and Odd

  51. Example 9.8.6 Secret Password

  52. Exercise 9.8.7 Teenagers

  53. Exercise 9.8.8 Dietary Restrictions

  54. Badge 9.8.9 Conditionals Badge

  55. 9.9 For Loops in JavaScript

  56. Video 9.9.1 Basic For Loop

  57. Check for Understanding 9.9.2 For Loops Quiz

  58. Example 9.9.3 For Loop

  59. Exercise 9.9.4 Chalkboard

  60. 9.10 For Loop Practice

  61. Video 9.10.1 For Loop Examples

  62. Check for Understanding 9.10.2 For Loop Examples Quiz

  63. Example 9.10.3 For Loop Sum

  64. Exercise 9.10.4 Better Sum

  65. Exercise 9.10.5 Factorial

  66. Exercise 9.10.6 All Dice Values

  67. 9.11 Random Numbers

  68. Video 9.11.1 Random Numbers

  69. Check for Understanding 9.11.2 Random Numbers Quiz

  70. Example 9.11.3 Rolling a Die

  71. Example 9.11.4 Flipping a Coin

  72. Exercise 9.11.5 Lots of Rolls

  73. 9.12 While Loops

  74. Video 9.12.1 While Loops

  75. Check for Understanding 9.12.2 While Loops Quiz

  76. Example 9.12.3 While Loop Countdown

  77. Exercise 9.12.4 Inventory

  78. Exercise 9.12.5 Fibonacci

  79. 9.13 Loop and a Half

  80. Video 9.13.1 Loop and a Half

  81. Check for Understanding 9.13.2 Loop and a Half Quiz

  82. Example 9.13.3 Adding Up Numbers

  83. Exercise 9.13.4 Snake Eyes

  84. Exercise 9.13.5 Better Password Prompt

  85. Badge 9.13.6 Looper Badge

  86. 9.14 Functions and Parameters 1

  87. Video 9.14.1 Functions and Parameters 1

  88. Check for Understanding 9.14.2 Functions and Parameters Quiz 1

  89. Example 9.14.3 Double Number

  90. Exercise 9.14.4 Square

  91. Exercise 9.14.5 Triple

  92. 9.15 Functions and Parameters 2

  93. Video 9.15.1 Functions and Parameters 2

  94. Check for Understanding 9.15.2 Functions and Parameters Quiz 2

  95. Example 9.15.3 Sum Function

  96. Exercise 9.15.4 Area of Triangle

  97. Exercise 9.15.5 Height in Meters

  98. 9.16 Functions and Return Values 1

  99. Video 9.16.1 Functions and Return Values 1

  100. Check for Understanding 9.16.2 Functions and Return Values Quiz

  101. Example 9.16.3 Double Number

  102. Exercise 9.16.4 Square with Return Values

  103. Exercise 9.16.5 Triple with Return Values

  104. Exercise 9.16.6 Gymnastics Mats

  105. 9.17 Functions and Return Values 2

  106. Video 9.17.1 Functions and Return Values 2

  107. Check for Understanding 9.17.2 Functions and Return Values Quiz 2

  108. Example 9.17.3 Return Values

  109. Exercise 9.17.4 Is It Even?

  110. Exercise 9.17.5 Max

  111. 9.18 Local Variables and Scope

  112. Video 9.18.1 Local Variables and Scope

  113. Check for Understanding 9.18.2 Local Variables and Scope Quiz

  114. Example 9.18.3 Return Values

  115. Exercise 9.18.4 Local Variables

  116. Badge 9.18.5 JavaScript Exercises Badge

  117. 9.19 Intro to Lists/Arrays

  118. Video 9.19.1 Intro to Lists/Arrays

  119. Check for Understanding 9.19.2 Intro to Lists/Arrays Quiz

  120. Example 9.19.3 Making an Array

  121. Exercise 9.19.4 List of Places to Travel

  122. Exercise 9.19.5 List of Even Numbers

  123. 9.20 Indexing Into an Array

  124. Video 9.20.1 Indexing Into an Array

  125. Check for Understanding 9.20.2 Indexing into an Array Quiz

  126. Example 9.20.3 Array Indexing Practice

  127. Exercise 9.20.4 Top Websites

  128. 9.21 Adding/Removing From an Array

  129. Video 9.21.1 Adding/Removing From an Array

  130. Check for Understanding 9.21.2 Adding/Removing from an Array Quiz

  131. Example 9.21.3 Add/Remove From Array

  132. Exercise 9.21.4 Practice Push and Pop

  133. 9.22 Array Length and Looping Through Arrays

  134. Video 9.22.1 Array Length and Looping Through Arrays

  135. Check for Understanding 9.22.2 Array Length and Looping Through Arrays Quiz

  136. Example 9.22.3 Print Shopping List

  137. Example 9.22.4 Sum Array

  138. Exercise 9.22.5 Product of List

  139. Exercise 9.22.6 Print Flight Itinerary

  140. Exercise 9.22.7 Double List

  141. Exercise 9.22.8 Evens Only List

  142. Exercise 9.22.9 Reverse List

  1. 10.1 Visualizing Weather Data

  2. Notes 10.1.1 Visualizing Data

  3. Exercise 10.1.2 Calculate Average Monthly Rainfall

  4. Exercise 10.1.3 Creating a Rainfall Visualization

  5. Notes 10.1.4 Using TOAST

  6. Example 10.1.5 Using TOAST Example

  7. Free Response 10.1.6 Using TOAST Example Free Response

  8. Exercise 10.1.7 Calculating Average Rainfall TOAST

  9. Free Response 10.1.8 Analyzing Weather Data

  10. 10.2 Visualizing Movie Data

  11. Notes 10.2.1 Worldwide Movie Earnings

  12. Exercise 10.2.2 Retrieve Movie Data

  13. Exercise 10.2.3 Access Movie Data

  14. Exercise 10.2.4 Creating a TOAST graph for Movie Data

  15. Free Response 10.2.5 Analyzing Movie Data

  1. 11.1 Computer Science Careers

  2. Video 11.1.1 Computer Science All Around Us

  3. Quiz 11.1.2 Computer Science All Around Us

  4. Connection 11.1.3 CS Careers

  5. Free Response 11.1.4 CS Career Response

  6. Connection 11.1.5 Coding in the Wild

  7. Free Response 11.1.6 Coding in the Wild Response

  8. Connection 11.1.7 Inclusive Coding

  9. Free Response 11.1.8 Inclusive Coding Response

  10. Resource 11.1.9 Career Research

    (Video) How to Start Web Development? Complete Course Outline for FullStack Developer | The Ahmed IOCS

FAQs

What are the basics of website development? ›

The Website Development Process
  • Form a plan. ...
  • Create a wireframe. ...
  • Draft up a sitemap. ...
  • Write your website code. ...
  • Build the back-end of your website. ...
  • Build the front-end of your website. ...
  • (Optional) Work with a CMS. ...
  • Acquire a domain name.
May 5, 2022

What are the topics covered in web development? ›

Web Development course covers various topics under Web Development such as Database Management, Web Publishing, Web Design, and Web Programming. Web Development Courses can be of various types, namely Full Stack Web Development, Front End Web Development, Back End Web Development, Web Application, etc.

Can I learn web development in 1 month? ›

Web development bootcamps typically take 3-4 months to complete and teach all the skills you need to qualify for a web developer job. Learning web development from online courses could take anywhere from a single month to several years, depending on how much time you devote to your courses.

What are the 7 web development processes? ›

The tasks are split into the six phases of web design development: "Information gathering", "Structure", "Design", "Build", "Testing" and "Launch". Group tasks by Status to see the progress pipeline ("Backlog", "In progress", "In discussion", "Sent for approval", and "Done").

What are the 5 stages of web development? ›

Web Development Life Cycle. The Web development life cycle includes the following phases: planning, analysis, design and development, testing, and implementation and maintenance.

What are the 7 principles of web design? ›

The principles of design are the rules a designer must follow to create an effective and attractive composition. The fundamental principles of design are: Emphasis, Balance and Alignment, Contrast, Repetition, Proportion, Movement and White Space.

What are 3 skills needed to be a web developer? ›

Coding languages including HTML and CSS. Frontend web programing languages and skills such as JavaScript, Ajax and web animation techniques. Backend web programing languages such as C# or Java, PHP and Ruby. Design software like Photoshop and Illustrator and Sketch.

How do I start web development with no experience? ›

How to Get a Web Developer Job Without Experience: 5 Tips From a Salesforce Developer
  1. Learn the basics. “First things first, you need the basic skill set,” says James. ...
  2. Practice real-world, hands-on problems. ...
  3. Build your network and market yourself. ...
  4. Prepare for your interview. ...
  5. Acquire new skills on a regular basis.

Can I become a web developer at 40? ›

It's exciting to be part of something so dynamic, and it means that it's completely normal to be learning something new if you want to become a web developer at 30, become a web developer at 40 or even become a web developer at 50! We all are still learning!

Can I be a web developer without a degree? ›

As we've said, you can jump right into the world of web development without the need to go to college. In fact, you can be pursuing professional web development positions in about 13 weeks with a coding bootcamp. And, Devmountain's Full-Time Web Development course can help get you there.

What should I learn first for web development? ›

To become a Web Developer, you should have an understanding of HTML, CSS, and JavaScript. It's also recommended to learn about CSS and CSS frameworks. Developing these fundamental web development skills will give you the foundation and logic for communicating with programming languages.

What are the six 6 principles of web design? ›

Answer: the 6 fundamental principles of design which are: balance, proximity, alignment, repetition, contrast and space. Lets look at what each does. The elements and principles of design are the building blocks.

What are the 3 core technologies of Web programming? ›

HTML, CSS, and Javascript are the core technologies of the Web.

What are the 10 principles of effective web design? ›

10 principles of good website design
  • Seamless Navigation.
  • Responsive design.
  • Across the board consistency.
  • Smooth performance.
  • Frictionless conversion.
  • Clear communication.
  • Effective visual language.
  • Hierarchical content structure.
Jul 7, 2021

What are the 6 stages of website development? ›

6 Phases of the Web Design and Development Process
  • Exploration and Knowledge Gathering. ...
  • Kickoff Meeting. ...
  • Content Creation and Organization. ...
  • Website Design. ...
  • Website Development. ...
  • Website Launch.
Jun 26, 2019

What is web development in a nutshell? ›

According to Techterms, web development refers to building, creating, and maintaining websites. It includes aspects such as web design, web publishing, web programming, and database management. In simple terms, web development refers to all the work that goes into making a website.

What are the 3 principles of web design? ›

There are a lot of components that go into a design. To best communicate visually, the three main principles of design to consider are typography, hierarchy and color. Is the font type and font size legible?

What is the golden rule in web design? ›

Place users in control of the interface. Make it comfortable to interact with a product. Reduce cognitive load. Make user interfaces consistent.

What are the five 5 essential elements of web contents? ›

Here are the five elements to web design:
  • 1) Content.
  • 2) Usability.
  • 3) Aesthetics.
  • 4) Visibility.
  • 5) Interaction.
Feb 20, 2019

What are 10 elements of a good web page? ›

The Top 10 Most Important Elements of A Website Design
  • 1 Navigation. The website design should be easy to navigate and the menu items should easily accessible from any page. ...
  • 2 Visual Design. ...
  • 3 Content. ...
  • 4 Web Friendly. ...
  • 5 Interaction. ...
  • 6 Information Accessibility. ...
  • 7 Intuitiveness. ...
  • 8 Branding.

What are the 8 steps in planning for a website? ›

Here are our 8 steps towards creating your new website.
  • Setting Out Your Website's Objectives. ...
  • Be SEO-Ready. ...
  • Create a Sitemap. ...
  • Considering Website Design. ...
  • Planning Your Content. ...
  • Eye up the Competition. ...
  • Consider Using a CMS. ...
  • Test, Test and Test Again.

What are musts in a website? ›

Here are the top 10 things every website needs:
  • An easy-to-update CMS. One of the first problems people run into is that it's difficult to update their website. ...
  • Responsive design. ...
  • Helpful navigation. ...
  • Strong brand identity. ...
  • High-quality content. ...
  • A blog. ...
  • Clear calls-to-action. ...
  • Contact information.

What is the hardest part of being a web developer? ›

Maintenance. One of the significant web development challenges that developers face is after the deployment of their project, especially in cases when websites go live.

What is the basic salary of a web developer? ›

Web Developer salary in India ranges between ₹ 1.0 Lakhs to ₹ 7.0 Lakhs with an average annual salary of ₹ 2.9 Lakhs.

Is web development hard skill? ›

“As a web developer, you will encounter numerous challenges. Some of them will be easy to fix, while others will be extremely hard,” Kowalski says. “It's critical to be persistent in improving your skills since the industry is ever-changing.”

What does a web developer do all day? ›

What does a web developer do on a daily basis? The typical day of a web developer requires meeting with clients and/or management to discuss website needs, writing code using programming languages, testing applications and interfaces, and working with other team members to determine website layout.

What are the 3 languages all web developers must learn? ›

If you want to work in front end web development, there are three fundamental languages you must learn: HTML, CSS, and JavaScript. Let's take a closer look at what each one does and what makes them essential.

What should a 2022 web developer learn? ›

  • For Working Professionals. DevOps(Live) ...
  • For Students. Competitive Programming (Live) ...
  • Programming Languages. C++ Programming - Beginner to Advanced. ...
  • Web Development. Full Stack Development with React & Node JS(Live) ...
  • Machine Learning and Data Science. ...
  • School Courses. ...
  • Competitive Programming.
  • Web Development.
Jan 13, 2023

Do web developers get paid well? ›

Salary of a Front End Web Developer – Based on Experience

But, the time they gain 10 or more years of experience, they can hope to earn nearly 10,00,000 per annum.

Why is it so hard to get a web dev job? ›

It's simply a case of supply and demand. There are so many inexperienced web developers and the supply exceeds the current demand. That's why a big number of web developers looking for remote jobs are left out of work.

Can you be web developer without coding? ›

The short answer is yes. In this article, we'll dive into the best ways to approach how you can do web design without coding. While learning the basics of code, like how HTML and CSS work, will help you understand how to design for the web, it's no longer required knowledge if you want to be a web designer.

What age is too late to learn coding? ›

There isn't an age limit on learning to code, and there never was. But all too often, insecurity and uncertainty compel older adults to put a ceiling on their achievement potential.

Is it hard to get a web developer without experience? ›

Yes, all you need to work hard on the relevant skills and follow a strategical roadmap. Although, work experience whether it be an internship, full-time job, etc. matters in landing up a developer job but things like appropriate skillset, hard work, consistency, and various others always come first.

What age do web developers retire? ›

Early retirement in tech is fairly common; the retirement age for most software engineers is between 45 and 60. However, many senior technologists—especially those who were forced into “early retirement” during the early stages of the pandemic lockdown—are now considering wading back into the labor pool.

How many years does it take to become a web developer? ›

This typically takes four years of higher education, where you take both web development and general courses, such as math, science and coding languages. Earning a bachelor's degree provides you with the ability to apply to most entry-level positions or to work independently as a contractor.

What training is needed for a web developer? ›

A bachelor's degree in computer science or web development is the traditional path for aspiring web developers.

Do self-taught programmers get hired? ›

It may come as a surprise to you, but many professional programmers are self-taught. And many of them have been able to reach fairly high positions in their career.

How do I start web development from scratch? ›

Web Development From Scratch
  1. Days 1- 7: Learn the basics of web development and HTML. ...
  2. Days 8- 15: Start adding styles to your Layouts - Learn CSS. ...
  3. Day 16- 20: Understand what is Responsive Web Design and Learn CSS Media Queries. ...
  4. Day 21- 35: Learn JavaScript Basics - Start adding life to your web pages.
Nov 18, 2020

Can I learn web development in 3 months? ›

Web development bootcamps typically take 3-4 months to complete and teach all the skills you need to qualify for a web developer job. Learning web development from online courses could take anywhere from a single month to several years, depending on how much time you devote to your courses.

What are the 5 stages of website development? ›

5 Stages of the Web Development Process
  • Step 1: Design. This is the fun part. ...
  • Step 2: Review. Once the team has had some time to work through the design process. ...
  • Step 3: Develop. Now that the design is approved, it is time for the website to go to the developer. ...
  • Step 4: Test. ...
  • Step 5: Launch!

What are the 8 parts of the website? ›

8 basic parts of a website
  • Navigation bar. The navigation bar, also known as the menu bar, lists the different pages of the website at the top of the page. ...
  • Slider. The slider operates like a slideshow, allowing certain images to slide and appear from side to side. ...
  • Featured image. ...
  • Header. ...
  • Content. ...
  • Footer. ...
  • Blog. ...
  • Landing page.
May 17, 2021

What are the 10 steps to create a website? ›

10 Steps for Developing a Website
  1. Define your website's objectives. ...
  2. Define your website's contents. ...
  3. Make a mock-up and a wireframe. ...
  4. You will now need a website design. ...
  5. Website development: It's time to get code written. ...
  6. Don't forget to be 'Mobile-friendly' ...
  7. Keep testing and carry on testing. ...
  8. Launching your website.

What are the five golden rules of web designing? ›

5 golden rules of ethical web design (& how to apply them)
  • Focus on the message. ...
  • Keep your layout neat. ...
  • Choose user-friendly fonts. ...
  • Avoid animation hell. ...
  • Make it easy to navigate.
Sep 29, 2021

What are the 5 core design principles? ›

Summary: The principles of scale, visual hierarchy, balance, contrast, and Gestalt not only create beautiful designs, but also increase usability when applied correctly.

What are the 3 core technologies of web programming? ›

HTML, CSS, and Javascript are the core technologies of the Web.

What are the 3 roles of a web developer? ›

Web developer tasks and responsibilities

Designing user interfaces and navigation menus. Writing and reviewing code for sites, typically HTML, XML, or JavaScript. Integrating multimedia content onto a site.

Videos

1. Course Outline - Web Development
(Udacity)
2. How to Start Web Development? Complete Roadmap for FullStack Developer | 2022
(Apna College)
3. 100+ Web Development Things you Should Know
(Fireship)
4. Backend web development - a complete overview
(SuperSimpleDev)
5. Front-end web development in 2weeks, course outline.
(kodeFingers)
6. Frontend Web Development Bootcamp Course (JavaScript, HTML, CSS)
(freeCodeCamp.org)

References

Top Articles
Latest Posts
Article information

Author: Lakeisha Bayer VM

Last Updated: 02/10/2023

Views: 6011

Rating: 4.9 / 5 (49 voted)

Reviews: 88% of readers found this page helpful

Author information

Name: Lakeisha Bayer VM

Birthday: 1997-10-17

Address: Suite 835 34136 Adrian Mountains, Floydton, UT 81036

Phone: +3571527672278

Job: Manufacturing Agent

Hobby: Skimboarding, Photography, Roller skating, Knife making, Paintball, Embroidery, Gunsmithing

Introduction: My name is Lakeisha Bayer VM, I am a brainy, kind, enchanting, healthy, lovely, clean, witty person who loves writing and wants to share my knowledge and understanding with you.