• 11th Floor, Gulf Executive Office, Bldg. 15, Road 380, Blk. 338 P.O.Box 10602, Manama, Bahrain

  • +973 17746746

  • info@thinksmartbh.com

Program Details

Forsati Basic: Web Design

Course Description

This computer science course introduces JavaScript, HTML and CSS as programming and markup languages that are used to create web applications. The learner will gain experience with each language individually and then combine them together to create compelling web application solutions. The learner will have an opportunity to use Visual Studio Code on their operating system of choice to create and test their web applications.
Understanding how a computer "thinks" is one of the first steps to becoming an excellent computer programmer and a foundation in logic is crucial in developing this understanding. Mastering logic is more than learning a set of rules and involves learning how to break problems into smaller chunks, figuring out how repeatable processes can save time and improve quality, and understanding how to organize problems into the right size.


  • No Pre-requisite

Course Outline

  • Introduction
    • Programming Languages
    • Logic and Computational Thinking
    • Common Numbering Systems
    • Example: Constructing a Truth Table
    • All your data is in the cloud
    • Quantities/Counting
    • operators & statement
    • Deductive
    • Inductive
    • Inductive Argument
    • Deductive Argument
    • Deductive Syllogisms
    • Modus Ponens
    • Modus Tollens
    • More Deductive Syllogisms
    • Categorical Logic
    • Categorical Logic
    • Projects Types
    • Application Lifecycle Management (ALM)
    • Developing Web Applications by Using Visual Studio
    • Client-Side vs. Server-Side Programming
    • Examples: Web applications and Web services.
    • Multiple Tiers in Action
  • HTML
    • HTML Documents
    • Tag Pairs
    • Required HTML Tags
    • Common HTML Tags
    • Attributes
    • Creating a Link
    • img element
    • figure and figcaption Elements
    • HTML Tables
    • HTML Table Example
    • Ordered List
    • Ordered List Example
    • Unordered List
    • div Element
    • Document Structure in HTML5
    • header and footer Elements
    • article Element
    • section Element
    • article Example
    • section Example
    • nav Element
    • nav Example
    • video Element
    • video Attributes
    • Video Example
    • audio Element
    • audio Example
    • Forms and Input
    • Creating a Form
    • inputs
    • Simple Form Example
    • Form Validation
    • client-side validation
    • Server-side validation
    • Validation Example
  • CSS
    • • Overview of CSS Syntax
    • • How CSS Selectors Work
    • • Adding Styles to An HTML Page
    • • Understanding CSS Text Styles
    • • Styling Backgrounds in CSS
    • • More Styles
  • JavaScript
    • Introduction to JavaScript
    • Variables
    • getElementById() Method
    • HTML display Attribute Example
    • Updating the Content of Elements
    • Alert
    • Example Create a Simple JavaScript Application
    • JavaScript Arithmetic Operators
    • Functions
    • Function Example
    • if Statement and If else
    • switch Statement
    • Loop Statements
    • Arrays

Exam Code / Name

Microsoft's DEV262x: Logic and Computational Thinking
Microsoft's DEV211.1x: Introduction to HTML and JavaScript

Course Objectives

  • Understand Logical form and how to construct arguments
  • The relation of logic to fundamentals in computer science
  • Create HTML5 documents.
  • Add content to an HTML page using HTML elements.
  • Use hyperlinks to connect various HTML pages together.
  • Capture user input using forms.
  • Create CSS stylesheets.
  • Lay out HTML elements using CSS margin and padding.
  • Implement program logic using JavaScript

Linked Program

Forsati Basic: Web Developer