Web Design
Web Design course is designed for students to get started with Design Website Concepts. This course will focus on basic and advanced layout of website plus responsive design including UI/UX Design Concept. Moreover, CMS & Dynamic content with hosting application to access in public.
Course Offer
- Website Overview
- HTML 5
- CSS 3
- Bootstrap
- UX / UI Design
- JavaScript
- ReactJS
- Final Project
20% Scholarship
Fee :
$ 210.0
$ 168.0
Duration : 70 hours
Course Outline
- Internet Usage
- Google like a pro
- Editor and Browser
- How does website work!
- SEO Concept
- Lab: Discussion
- Getting start with HTML
- Syntax, Tag and Attribute
- HTML Structures
- Heading, Paragraph and Formatting
- HTML CSS and Basic Style
- File Path / Image / Favicon
- Colors
- Block & Inline
- Links & IFrame
- Lab: Classwork
- How important of Layout
- Table
- Lists
- Form & Media
- Responsive
- Entities & Charset
- References & Cheatsheet
- Lesson Recap
- Lab: Classwork
- Getting start with CSS
- Syntax & Selectors
- Texts, Links, Fonts
- List, Table and Background
- Lab: Homework
- Box Model
- Display
- Positioning, Floating
- Alignment
- Pseudo Class/Element
- Media Query
- CSS Recap
- Lab: Classwork
- Flexbox Overview
- Container & Items
- Display
- Container Properties
- Items Properties
- Responsive
- Lab: Homework
- Bootstrap Overview
- Why use Bootstrap
- How to use Bootstrap / Grid Layout
- Bootstrap Conponents
- Lab: Classwork
- How important of UX / UI
- Rule and Principle
- Minimalist Design
- Thing to avoid
- Getting start with Design Tools
- Lab: Homework
- Slides Preparation
- Design a static website
- Ehnhance design skills
- Responsive apply
- Lab: Presentation
- Introduction
- Features of JavaScript
- Basic Language Syntax
- Control Flow and Iteration
- Lab: Discussion
- Function / Arrow Function
- Event and Validation
- Asynchronous JavaScript
- JSON and JavaScript Web APIs
- Topic will provided
- Slides Preparation
- Lab: Presentation
- Overview of React
- Environment Setup
- Editor Setup, Plugin
- First project
- JSX and Component
- Styling Components
- Lab: Theory
- Props
- State
- How props and state work
- Component APIs Function
- Mounting
- Updating
- Event Handling
- Synthetic & Support Event
- Introduction
- Using State Hook
- Using Effect Hook
- Rule of Hooks
- Lab: Classwork
- Routing Concept
- Custom Link
- Custom Error Pages
- Nested Route
- Fetching & Writing Server Data
- Upload Image
- Redux Overview
- Project Structure and Flow
- State Management
- Lab: Homework
- Login With Facebook
- Login With Google
- Google Maps
- Other Components
- Hosting Application
- Final Project Instruction