Advance Web design and Development

Advance Web design and Development

A web designer technically design or redesign a website in cooperation with the developer to make a lucrative visibility and make it visitors friendly by creative aspect.

course at a glance

  • Date : 7 Aug - 18 Dec 2018
  • No. of Classes/ Sessions : 34
  • Total Hours : 100
  • Last Date of Registration : 6 Aug 2018
  • Class Schedule :
    • Tuesday - 6.00 PM - 9.00 PM
    • Thursday - 6.00 PM - 9.00 PM
  • venue : UY Lab 31 Mohakhali Commercial Area Colombiya Super Market, 4th Floor Wireless Gate Banani, Dhaka1213 01789648109 shakil0025@gmail.com http://uylab.org

Price: TK. 20,000
(Excluding VAT & TAX)

Early Bird Registration Going on Valid Until 20th June, 2018 Taka @18,000

This training is jointly organized by BITM & UY LAB

Training will be held in UYS Lab.

An interactive, smooth and easy to access website can hold audience longer than a complicated code stuffed non creative website. For every website good numbers of customer traffic is the main object and each minute visitors stay on the website counts, it means the longer visitors stay the more it causes good rank for the website. Basically the main reason behind the huge demand for a web designer over a web developer, ignoring the fact that the first one can be a non technical person, is to keep the front end design eye catchy and easily accessible.


Course outline :


Class 01:

  1. Introduction to web design
  2. Static Dynamic Website
  3. How Web Work?
  4. What Is Wireframing?
  5. Wireframing Tools.
  6. Course Module Overview

Project: Think about a website. Make a skeleton by using wireframing tools.

Class 02:

  1. Website Designing Tools
  2. IDE vs Code Editor
  3. HTML and Browsers
  4. File Extension
  5. Creating A HTML File
  6. Arranging files and making a startup package

Project: Creating startup package and upload it to google drive.

Class 03:

  1. HTML Syntax
  2. Basic Structure ( Head and Body Section)
  3. HTML Tags
  4. HTML Elements
  5. HTML Attributes
  6. HTML Typography
  7. HTML Block vs Inline Element
  8. Commenting in HTML

Project: Creating a web page with proper   HTML Syntax.

Class 04:

  1. HTML LIsts
  2. HTML Table
  3. Table Head and Body Contents
  4. Table Caption
  5. Attributes of Table

 

  1. Table Row and Column

Project: Creating a table.

Class 05:

  1. Introduction to HTML Form
  2. From Elements
  3. Input Types and Attributes
  4. Form Validations
  5. GET vs POST Method
  6. Form Arrangement (Fieldset)

Project: Creating a register form that requires every form elements.

Class 06:

  1. HTML Media Elements
  2. Different Types of Images
  3. Audio and Video Controlling
  4. Iframe in HTML
  5. Embedded Video from Youtube

Project: Creating a webpage where image, audio, video and gif animation will be

embedded.

Class 07:

  1. HTML5 Semantic Elements
  2. Brief Discussion on HTML5 API
  3. HTML Review

Project: Create a Semantic Layout

Class 08:

  1. Introduction to CSS (Cascading Style Sheet)
  2. CSS Ruleset
  3. How to Link CSS
  4. Inline
  5. Internal
  6. External
  7. CSS Specificity

Project: Creating and linking a css file and implement important properties.

Class 09:

 

  1. Introduction to CSS Selectors
  2. HTML DOM Tree
  3. Universal Selector
  4. Type Selector
  5. Attribute Selectors

Class 10:

  1. Pseudo Classes
  2. Pseudo Elements
  3. Child and Adjacent Selectors
  4. ID vs Class Selectors
  5. Others

Project: Creating an external css file and change HTML view styling with selectors.

Class 11:

  1. CSS Box Model
  2. Margin
  3. Padding
  4. Border
  5. Content
  6. Different Box Model Properties
  7. Styling List

Project: Create a basic web layout

Class 12:

  1. Introduction to CSS Layout
  2. Floats
  3. Positioning
  4. Practical Positioning Example
  5. Flex

Project: Creating a website with actual positioning.

Class 13:

  1. Creating Menu in CSS
  2. Styling Text
  3. Working With Web Fonts and Icons
  4. Styling fonts and icons
  5. Input box Styling

Project: Creating a menu with icons. Styling text and fonts.

Class 14:

  1. Introduction to lovable CSS (Some CSS3 Properties
  2. Border and Rounded Corners
  3. Working With Background
  4. Gradient and Shadow
  5. Transition and Transformation
  6. CSS Animation

Project: Creating a website with image/color backgrounds and transition, transformation

effects.

Class 15:

  1. A Complete Web Page Using HTML5 and CSS3

Class 15:

  1. Introduction to Sass
  2. Installing Sass and Sass Compiler
  3. Folder Structure
  4. Variable
  5. Mixins

Project: Implementing css property with Sass.

Class 16:

  1. Types
  2. Nesting and Scope
  3. Operator
  4. Function
  5. Extend

Project: Implementing css property with Sass.

Class 17:

  1. Introduction to Bootstrap Framework. (BS)
  2. How to Install BS
  3. BS Grid System
  4. Understanding Device Screen Size
  5. BS Typography

Project: Installing bootstrap and create a grid for web layout.

Class 18:

 

  1. BS Table
  2. BS Form

Project: create a form for web site.

Class 19:

  1. BS Navigation
  2. BS Button
  3. BS Pagination
  4. BS Image Responsive
  5. Bs Card

Project: create a Card for web site.

Class 20:

  1. BS Carousel
  2. BS Accordion
  3. BS Modal
  4. BS Tab and Tooltip

Project: Complete a webpage with Bootstrap.

Class 21:

  1. Overview of Responsive Web Design (RWD)
  2. Working With Viewport

Project: Enable a website for mobile responsive view.

Class 22:

  1. Mid Term Exam

Class 23:

  1. What is Photoshop?
  2. Basic Concept of Photoshop.
  3. How to Use Photoshop tools?
  4. PSD Fonts, Color and Layer Concept.
  5. Image Trimming in Photoshop.

Project: Converting PSD to HTML.

Class 24:

  1. Converting Multipurpose Business PSD Template to HTML

Class 25:

  1. Introduction to JavaScript. (JS)
  2. What you can do with JavaScript?
  3. Js Basic Syntax
  4. Variable in JS
  5. Operator, Data Type in JS
  6. Commenting in JS

Project: Playing with Javascript syntax.

Class 26:

  1. Function in JS
  2. Array in JS
  3. Concept of Objects
  4. JS Conditions (if, else)
  5. Loop in JS

Project: Practicing JS with programming concept.

Class 27:

  1. DOM and BOM in JS
  2. Method, Documents, Elements in DOM
  3. DOM Event and Eventlistner
  4. JS Window
  5. History and Navigation in JS

Project: Working with advance JS.

Class 28:

  1. Date Format in JS
  2. Form Validation Techniques.

Project: Completing form validation in Javascript.

Class 29:

  1. jQuery Introduction
  2. jQuery Selectors
  3. jQuery and DOM
  4. jQuery and Event

Project: Working with jQuery.

Class 30:

 

  1. Introduction to jQuery Effects
  2. Hide, Show, Fade, Toggle
  3. Animation in jQuery
  4. Using Plugin in jQuery

Project: using a slider in JQuery.

Class 31:

  1. What is Domain and Hosting?
  2. Introduction to cPanel
  3. How to Host a Website in a Server?
  4. Working in Live Server.

Project: Host the website in live server.

Class 32:

  1. What is Server Side Scripting?
  2. Introduction to PHP.
  3. How to Use XAMPP?
  4. PHP Syntax.
  5. Defining Variables and echo .
  6. Using include and require function

Project: Installing XAMPP in localhost. Working with PHP syntax.

Class 33:

  1. Create a complete working form using PHP

Project: Converting a static site to Dynamic.

Class 34:

  1. What is CMS?
  2. Introduction to Wordpress.
  3. Creating Database For WP.
  4. Installing WP
  5. Overview of WP Elements

Project: Creating Database and Installing WP. Working With Theme in WP.

Class 35:

  1. Understanding the WP Dashboard
  2. Pages, Tags, Menu, Media and Content
  3. Core WP Settings

 

  1. Finding and Installing WP Theme and Plugins

Project:Create a Menu in WP. Add a New Menu In WP, Installing New Theme

Class 36:

  1. Introduction to Marketplace (Fiverr)
  2. How to Create a fiverr Account?
  3. Gigs Setting Techniques.
  4. Presentation. Certification and Closing Ceremony.

Project: Opening a fiverr Account.

 

Curriculum

Module Advance Web design and Development 100 Hrs

Tentative Class Start

7th August, 2018

Available Seat

10 / 24

who can join

There are no special prerequisites to be trained up for this course. But attendees should be aware on basic computer skills.