It's all to do with the training: you can do a lot if you're properly trained.
An Institution That Can Change The Way of Your Life
It's all to do with the training: you can do a lot if you're properly trained.
An Institution That Can Change The Way of Your Life
It's all to do with the training: you can do a lot if you're properly trained.
An Institution That Can Change The Way of Your Life
It's all to do with the training: you can do a lot if you're properly trained.
An Institution That Can Change The Way of Your Life
It's all to do with the training: you can do a lot if you're properly trained.
An Institution That Can Change The Way of Your Life
It's all to do with the training: you can do a lot if you're properly trained.
An Institution That Can Change the Way of Your Life
It's all to do with the training: you can do a lot if you're properly trained.
An Institution That Can Change the Way of Your Life
It's all to do with the training: you can do a lot if you're properly trained.
An Institution That Can Change the Way of Your Life
It's all to do with the training: you can do a lot if you're properly trained.
An Institution That Can Change the Way of Your Life

Professional Course on Responsive Web Design Batch-3

This training is jointly organized by Sigmasytems Pvt. Limited & BASIS Institute of Technology & Management(BITM)

 

Through this professional course one will learn how to create website using html5/css3/js/bootstrap. We will train with modern technology as per client needs.

Once successful competition of this course we will provide real world client project if you are capable doing so. Also we will help you to create your freelancer career on freelancer.com or upwork marketplace. For outstanding performer we will provide few initial projects from real client and you will be able to communicate directly with those client (this is for outstanding performer those will prove themselves to us and can take pressure to complete real project).

Training will be held in Sigma Systems Pvt Ltd.

FEE - Tk 15000

Prerequisite

Basic understanding on we technology is required. Initial knowledge on html/css and photoshop required.

Project Oriented Course

One will practically learn all mentioned tools and techniques by completing a project through this practical training course.

Course Outline

Course introduction   

  • Introduction to the Web Design Course and discussion on benefits of learning web design and future aspects.

Module 1: Photoshop

  • Basic knowledge of Photoshop
  • Tools overview
  • Image editing
  • Retouching Techniques
  • Filtrating & Drawings
  • Layer Management
  • Using Presets
  • Typography

Module 2: HTML

  • Introduction to HTML
  • Which IDE to use and how to use IDE for HTML, CSS and PHP, Basic ideas on IDE tools and menu.
  • Ideas on HTML Attributes and Tags, how and where to use which attributes and tags. Showing Common mistakes on tag placements.
  • HTML headings, paragraph, anchor, image, inline elements, block elements overview, usages and placements.
  • HTML Form elements, input, select, textarea, radio box, checkbox, buttons elements overview, usages and placements.

Module 3: HTML & HTML 5   

  • HTML lists, tables, quote, frames, fieldset,iframe elements overview, usages and placements.
  • Introduction to HTML5 and overview on difference from HTML.
  • HTML5 elements overview, usages and placements.
  • HTML5 media, video, audio elements overview, usages and placements.
  • HTML5 Canvas, SVG and Media elements overview, usages and placements. 

Module 4: Cascade Style Sheets (CSS) 

  • Introduction to CSS, what is CSS and how and where to use it.
  • Relationship with HTML & HTML5. How CSS will work with HTML & HTML5.
  • What is Inline CSS, where to write it, precedence & priority of Inline CSS.
  • What isInternal CSS, where to write it, precedence & priority of InternalCSS.
  • What is External CSS, where to write it, precedence & priority of External CSS.
  • What is CSS overriding, how and where it takes places.
  • CSS syntax, Classes & IDs, Floating, Positioning and overflow.
  • CSS use of fonts, from where and how to get fonts and how to use those.
  • CSS use of colors, Margins, Paddings, Borders, width and height, alignments and opacity.
  • CSS for block, inline and inline-block, display, display-table and visibility properties of HTML elements.

Module 5: CSS3

  • Introduction to CSS3, Difference between CSS and CSS3, and extra benefits of using CSS3.
  • CSS3 use of texts, fonts, shadows and gradients.
  • CSS3 use of backgrounds, border images and rounded corners elements.
  • CSS3 making cool visual with use of transitions and animations.
  • CSS3 making cool visual with use of 2D and 3D transforms.
  • CSS3 Box sizing and Flex box features and use of these.
  • Use of Cross Browser CSS hacksto show HTML view same on different browsers.

Module 6: HTML & HTML 5   

  • Creating HTML & HTML 5 pages practically using CSS/CSS3 and project assignment.

Module 7: PSD to HTML Conversion    

  • Learn what is PSD slicing, how to slice PSD to convert to HTML files.
  • Work with PSD layers to convert each layers to single HTML file.
  • Convert PSD design to fixed width HTML with pixel perfect calculation.

Module8: PSD to HTML Conversion

  • Practical and Project Assignments on PSD to fixed width HTML.

Module9: PSD to HTML Conversion

  • Introduction to responsive HTML, where and when to use it and benefits of making responsive HTML.
  • Introduction to Media Query, media query syntax, how to use media query to make a HTML file to responsive.

Module10: PSD to HTML Conversion

  • Practical and Project Assignments on PSD to responsive HTML using Media Query

Module11: PSD to HTML Conversion   

  • Introduction to percentage based element displaying, positioning and alignments. How percentage features will make a HTML responsive.

Module12: PSD to HTML Conversion

  • Practical and Project Assignments on PSD to Responsive HTML using both media query and percentage.

Module 13: JAVASCRIPT          

  • Introduction to Javascript, what is client side scripting, what is the benefits of using Javascript.
  • Where to write scripts, internal and external Javascript placements.
  • Javascript syntax, common syntax as global programming languages.
  • Javascript data types, creating variables and variable scopes.
  • Javascript integer, string, array and object variables, initializations and usages,

Module 14: JAVASCRIPT

  • Javascript use of operators, arithmetic and assignments.
  • Javascript using functions, parameters and return types.
  • Javascript built in functions and methods and usages.
  • Javascript use of Math, Date, Array and String methods.
  • Javascript use of conditions, loops and break.
  • JavaScript examples and assignments.

Module 15: JQUERY

  • Introduction to jQuery, benefits of using jQuery library than to use raw Javascript.
  • jQuery syntax and how to write code in jQuery.
  • What is DOM elements, how to jQuery to traversing DOM element easily, necessity for element traversing. Make use to element traversing functions and most common usages.
  • Using jQueryto handle and control DOM elements CSS to change element behavior in client side.

Module 16: JQUERY

  • How to use jQueryeffects and animationsto show nice effects in client side. Get used to built in animation/effect functions and make new custom effects.
  • What is jQuery plugins, where to get these and how and why to use these.

Module 17: JQUERY

  • Practical and Project Assignments for making some small animations with element traversing options.

Module 18: BOOTSTRAP

  • Introduction to Bootstrap, what are the benefits to use Bootstrap.
  • Knowing Bootstrap features, grids and measurements, use of Form elements, lists and panels.
  • Bootstrap use of popup, modal, tooltips, navigations and carousel,
  • PSD to bootstrap HTML conversion using bootstrap features.
  • Customizing Bootstrap attributes and necessity for this.

Module 19: BOOTSTRAP

  • Practical and Project Assignment on PSD to bootstrap HTML conversion.

Module 20: SASS/SCSS

  • Introduction to SASS, what is the difference with normal CSS, what are the benefits of using SASS
  • Installing SASS and creating SCSS files and converting to CSS files.
  • SASS rules and attributes and their usages.
  • Full course Review

Used Tools

Editor such as Dreamweaver, Wamp/Xamp, Photoshop

COURSE SUMMARY

Course Duration : 25 Days
Total Hour : 75 Hours
Number of Batch : 2 Batch

Class Starting Tentative Date 24 May, 2017
Application Last Date : 22 May, 2017

Class Schedule

Day & Time : Saturday 6:00 pm - 9:00 pm
: Monday 6:00 pm - 9:00 pm
: Wednesday 6:00 pm - 9:00 pm
Duration : 3 Hours per class

Project:

PSD to html responsive website design


Certificate:

Certificate will be provided after the completion of the course.