Web design and Front End Development


Develop the skills you need in order to be able to make websites from scratch. Learn to use HTML5, CSS3, javascript, and jquery together in building modern beautiful, fully functional amazing websites. HTML CSS and JavaScript are the cornerstones of the web.  These are the foundation languages of every web page today, and every page has all or combinations of these core technologies. This course is perfect for anyone who wants to learn about web design and web development.   Knowing how to use these core technologies provides limitless possibilities.  This course will help you get started quickly and lay the foundation for programming fundamentals.

Course Duration

3 months 30-36 Classes


Course Fee

7000 BDT


Key Features:

  • Create modern websites with HTML CSS and JavaScript
  • Develop web applications from scratch
  • Improved use of HTML CSS and JavaScript
  • Write more efficient web code
  • Basic Website design Concepts, Web Technologies, and Tools
  • Making a responsive website easily with bootstrap

Contents of Training:

  •  Creating a New Photoshop Document
  •  Photoshop Environment: The Toolbar – Part 1
  •  Photoshop Environment: The Toolbar – Part 2
  •  Photoshop Environment: Palettes
  •  Photoshop Environment: The Menu
  •  Photo Enhancement & Manipulation
  • Files and Folders
  • Downloading Web Pages
  • Editing Code
  • Zipping Folders
  • Designers Lounge: The Web Development Process
  • Zipping folders and Submitting Work
  •  HTML Fundamentals, First Webpage, Course Files
  •  The Basics of HTML: Tags, Attributes, Elements
  •  Basic File & Folder Structure of a Website
  •  Your Must Have Tool: A Good Code Editor
  •  Hello World: Create Your Very First Web Page!
  •  HTML Tags, Code a Real Web Page
  •  Basic Structure of an HTML Document
  •  Heading & Paragraph Tags
  •  Using Emphasis & Strong Emphasis
  • Hyperlinks
  •  Lists
  •  Images
  •  Tables
  •  Forms
  •  HTML Entities & “Special Characters”
  •  HTML Project: Code a Basic Web Page
  • Advanced HTML Techniques, HTML5
  •  IDs & Classes
  •  Span & Div Tags
  •  Intro to HTML5 Tags: Header, Footer, Nav, Section, Article, Aside & Time
  •  HTML5 Project: Build a Basic HTML5 Web Page
  • Essentials of CSS + Download Course Files
  •  What is CSS? All the basics you need to know!
  •  Inheritance of Styles
  •  Measurements & The Box Model
  •  Inline CSS
  •  Internal CSS
  •  External CSS
  •  ID & Class Selectors
  •  Descendant Selectors
  •  Grouping Selectors
  •  Specificity
  •  CSS Project: Style an HTML Web Page
  •  Colors
  •  Text Styling & Formatting
  •  Borders
  •  Background Images
  •  Styling Links
  •  CSS Quiz
  •   What is Javascript, The 80/20 Rule + Course Files Download
  •  Internal & External Javascript
  •  Basic Syntax of Javascript (and many other programming languages)
  • Javascript Output
  •  Javascript Variables
  •  Javascript Arrays
  •  Javascript Functions
  •  Javascript If / Else Statements
  •  Javascript Project: Program a Tip Calculator
  •  Javascript Project: Program a Tip Calculator, Part II
  •  What is Responsive Design & Bootstrap?
  •  Getting Started with Bootstrap
  •  Quickly Prototype with the Free Examples
  •  Understanding the Bootstrap Grid System
  •  Responsive (and sexy) Forms
  •  Responsive Tables, Buttons and Images
  •  Helper Classes & Responsive Utilities
  •  Using Glyphicons (Font Icons)
  •  Bootstrap Navbar
  •  Bootstrap Modal Window
  •  Bootstrap ScrollSpy
  •  Togglable Tabs
  • Sliding Carouse
  •  Bootstrap Project: Startup Website, Part 2

Content Management Systems (CMS)
Setting up WordPress
Creating Posts
CMS Security
Creating Pages
Working with Media
Themes and Widgets
Designers Lounge: E-commerce
Additional Resources

  • Explore Bootstrap Elements
  • Downloading Bootstrap
  • Downloading a Bootstrap Example
  • Bootstrap Themes and the Parallax Effect
  • Reviewing the Example Code
  • Replacing Page Content
  • Customizing the Design
  • Designers Lounge: Framework or CMS
  • Additional Resources
how can we help you?

Contact us at the ChangeTech office nearest to you or submit a business inquiry online.