Strike a Balance between Art and Science with a Front-end Developer Course

Image by Kelly Sikkema
Web Designing

Learning Outcome

With no prior web-development experience, employ HTML, CSS, and JavaScript skills to practice building the front-end of a website:

  • Build websites using HTML.

  • Style web pages using CSS.

  • Build interactive websites using JavaScript.

  • Speed up web development using Adobe Dreamweaver web-design software.

Learning Resources

Adobe Dreamweaver.png
Javascript_edited.jpg
HTML.jpg
CSS.png
Notepad.jpeg
notepad++.jpeg

Course Outline

I. HTML Topics (using Notepad and Notepad +++):

   ➢ Structure

   ➢ Elements & Attributes

    ➢ Headings & Paragraphs

    ➢ Styles & Formatting

   ➢ Links

    ➢ Images, Videos & Audios

    ➢ Tables, Lists & Forms

    ➢ Classes

    ➢ Iframes

II. CSS Topics:

   ➢ Selectors

   ➢ Colors & Backgrounds

   ➢ Margins & Padding

   ➢ Text, Font, & Icons

   ➢ Display, Max-width & Position

   ➢ Z-index

   ➢ Pseudo-class & Pseudo-element

   ➢ Math Functions

   ➢ Transitions & Animations

   ➢ Masking & Pagination

   ➢ Flexbox

III. JavaScript Topics (using notepad and notepad ++):

   ➢ Statements & Syntax

   ➢ Variables

   ➢ Data Types

   ➢ Expressions & Operators

   ➢ Booleans & Comparisons

   ➢ Date Methods

   ➢ Loops & Iterations

   ➢ Arrays

   ➢ Functions

IV. Dreamweaver Topics:

   ➢ Website Setup

   ➢ Text Formatting & Styling

   ➢ HTML Pages with CSS Formatting

   ➢ Templates

   ➢ Editable Regions

   ➢ Lists

   ➢ Tables

   ➢ Forms

   ➢ Images

   ➢ Flash, video & sound content

   ➢ Website Publishing