Industry Certified Professional WEB DESIGN Specialist TRAINING

�Start Your New Career As A Full Stack Web Designer

Enroll Now for discounts of up to 20%

​

Implemented By Debasis Paul

10/3/2017

Web Designing Course from Bangladesh

​

�The importance of professional web designer in Bangladesh:�Nowadays every company needs a professional web designer! Well, almost every company. Every company with a website needs a professional web designer, but why? What is the importance of professional web designer in Bangladesh? Many different factors come into play when we deal with web design including conversions, aesthetics, functionality, and SEO. All of these play hand-in-hand with each other. Sadly they don’t always work well when all thrown together! That’s why in Bangladesh day by day increasing the importance professional web designer. Industry Certified Professional WEB DESIGN Specialist Course  is designed to make anyone as a professional web designer.

​

Industry Certified Professional WEB DESIGN Specialist  is the popular Web Design Course From Bangladesh. The importance of professional web designer in Bangladesh is increasing day by day. Nowadays career of a Professional Web Designer is a demanded caring which is clearly known to every one in Bangladesh.

�Industry Certified Professional WEB DESIGN Specialist Course is designed for those who are new to web designing and also for those who already have their hands on it. This certification program will provide participants with theories, processes, tools, competencies & practice needed to become a  professional web designer  in Bangladesh.

Industry Certified Professional WEB DESIGN Specialist Course Completed Students have started their journey with a professional web designer who are already involved with various IT related works.  Industry Certified Professional WEB DESIGN Specialist Course  is structured for a variety of audience with different proficiency levels. This course is open for them who want to become a  professional web designer  in Bangladesh. No previous experience is required.

Industry Certified Professional WEB DESIGN Specialist Course  is one of the most popular  Web Design Course From Bangladesh. The basic requirement for a student to take up this course is to have a strong desire to have a career as Professional Web Designer.

Implemented By Debasis Paul

10/3/2017

Debasis Sir Some Work Activity

Implemented By Debasis Paul

10/3/2017

MEET THE INSTRUCTOR� DEBASIS PAUL

FORMER CHAIRMAN & FOUNDER, CEO, MANAGING DIRECTOR, SR. COURSE COORDINATOR, SR. TRAINER & SR. IT CONSULTANT�DPIT WORLD�RUMA-RAZU COMPUTER INSTITUTE�WORKED WITH DNET, CLP, BD-SCOUTS

CELL: 01764-199207 , 01752-138604

E-MAIL: chairman.dpit@gmail.com� Facebook: https://www.facebook.com/iamdebasispaul � My tutorial channel: https://www.youtube.com/DebasisPaul �MY DOMAIN: debasispaul.com , dpitworld.com

I AM INVOLVED IN SOFTWARE INDUSTRY SINCE 2004 AFTER STARTING MY CAREER FROM INDIA. I PLAYED NOTEWORTHY LEADING ROLES IN DIFFERENT IT COMPANIES FOR THE LAST ALMOST 12 YEARS ACROSS INDIA AND BANGLADESH AND DONE EXCELLENT PROFESSIONAL PROJECTS FOR DIFFERENT NATIONAL AND MULTINATIONAL COMPANIES. BESIDE MY INVOLVEMENT IN THE PROFESSIONAL SOFTWARE INDUSTRY, I WAS ALSO EXPANDING MY KNOWLEDGE THROUGH TEACHING WEB DESIGNING, WEB DEVELOPMENT AND SOFTWARE DEVELOPMENT ESPECIALLY IN THE AREA OF PHP TECHNOLOGY, BESIDES ASP. NET AND JSP. MY DEDICATED MENTALITY IN MY TEACHING CAREER HAS BROUGHT HUGE SUCCESS FOR ME AND THOUSANDS OF STUDENTS HAVE BEEN TAUGHT BY ME WHO ARE NOW WORKING IN DIFFERENT AREAS OF IT.

References…

Implemented By Debasis Paul

10/3/2017

M Rashidul Hasan

Vice President at Bangladesh Association of Software & Information Services

Email: rashidul@basis.org.bd

Sami Ahmed

Component Team Leader at Leveraging ICT for Growth, Employment and Governance (IT/ITES)

Email: ctl.lict@bcc.net.bd

What Will U Learn�Training from professional HTML and CSS web designers:�Our Training consultants have been implementing professional HTML & CSS solutions across a range of web sites for many years. Those consultants write and teach our web design training courses, so their experience directly informs course content.�Real-time Practice and Projects:�Our web design course is designed to get you started in web design. We work on industry related projects in this web design course. These projects help you create your web design portfolio. If you have a project or an idea that you wanted to turn into website then present that idea during the course and our trainers will help you to work on your own website.�Course Material:�HTML and CSS electronic notes are included in this course.�Course Completion Certificate:�After completing this training you will receive a web design course completion certificate.�Support and Careers Advice:�After the course if you have any problems or questions regarding HTML and CSS, do not hesitate to contact us. Our trainers and career consultants are expert in their fields and if you need any help with you career choice, please speak to one of our career consultants.���

Implemented By Debasis Paul

10/3/2017

Why Web Design�The number of website in the virtual world is surprisingly suppressed 1 billion today confirmed by Net Craft. Another statistic has shown by the Info Graphic that 70 new domains are registered and 571 new website are created within a minute. These figures indicate that how importantly website owners require web designers to design the layout of their websites. So it’s easily understandable the demand of web designers is wide extensive. Regarding this Creative IT Institution comes up with some practical resolutions by offering the best suitable course outline for web design.�The objective of this course is to provide students with the skills to build a strong and structured web-site using HTML, CSS, JavaScript, Basic PHP Photoshop etc. The course proceeds students from building basic web-sites - working with text, paragraphs and tables to build a multi-frame layout using style sheets and introduces layers, templates and libraries. This course is for any individuals wishing to develop a web-site including, professional designers familiar with Desktop Publishing or Graphics software demanding to get to grips with powerful web design materials.

Implemented By Debasis Paul

10/3/2017

​

MODULES

• HTML,HTML5
• CSS,CSS3
• JavaScript
• jQuery Animation
• PSD to HTML
• Responsive Web Design
• Bootstrap
• CSS3 Animation Effect
• WordPress Theme Customize
• Pixel Perfection
• PHP Basic
• 10 Project Submit
• Smart Coding
• Final Project & Viva.

SOFTWARE TAUGHT

• Adobe Photoshop CS3 - CC Version
• MS Visual Studio Code
• PHP Strom
• Adobe Dreamweaver CS3 - CC Version
• Bootstrap
• jQuery
• Notepad, Notepad++
• Firebug
• Web Browsers

HIGHLIGHT

• Web Interface (UI) Design
• PSD to CSS
• Responsive Web Design
• Pixel Perfection
• Web Animation with J-Qurey
• Dynamic Web with CMS
• Project
• Practical application using like HTML, CSS, JavaScript, jQuery, xml, PHP, MYSQL, Ajax, WordPress
• Hands-on training using latest tools & techniques
• Specialization & creating portfolio in the area of interest
• Industry-relevant curriculum

CAREER SUPPORT

After course completion, students can get jobs as:

​

• Web Designer
• Web Developer
• Web Animator
• Web UI artist

Course At A Glance

Date : 12 Nov 2017 - 6 Feb 2018

No. of Classes/ Sessions : 36

Total Hours : 72�Last Date of Registration : 11 Nov 2017�TENTATIVE CLASS START: 12 NOV 2017�Class Schedule : 2 hrs./Day�Tuesday - 4.00PM - 6.00PM�Thursday - 4.00PM - 6.00PM�Training venue : Dhaka � Price: TK. 22,000� Total Available Seat: 30�COURSE DURATION: 3 MONTHS�From zero to break-neck speed in just 12 weeks.

Course Staff:

Course Coordinator:

Debasis Paul

Email: chairman.dpit@gmail.com

Lecturer: Debasis Paul

Tutorial Coordinator: Debasis Paul

Class contact

1 Lecture hours, 30Min Tutorial hour, 30Min Practical or Laboratory hours

Assessment methods

Practical, Assignments and Project

​

Implemented By Debasis Paul

10/3/2017

Total Ten Part Of This Course Preview

3 Months/12 Weeks/36 day/36 Session/72 Hours/2 hrs. per Day/10 part/ Two Exam/Thirty Seats

Facilities & Student Benefit

• OUTSOURCING FACILITY
• BACKUP CLASS SUPPORT
• CLASS VIDEO SUPPORT
• JOB PLACEMENT SUPPORT
• ENTERNSHIP BANK LOAN FACILITY
• LIFETIME SUPPORT
• INDUSTRY CERTIFIED TRAINER
• Flexible Learning Options To Meet Your Needs
• Real World Simulation Learning Labs
• Certification Preparation tools
• Certification Exam
• Authorized Courseware
• Web Based & Computer Based Help
• Certified Classroom Training
• Learning by state-of-the-art methodology.
• Highly Qualified & Vendor certified trainer.

Implemented By Debasis Paul

10/3/2017

• 24/7 Lab facilities with students given complete access to all the modern features
• Course content is designed according to the Current market
• Flexible and economical payment system
• Freedom to practice on Live projects
• One on one attention will be given by instructors
• Free study material, PDFs and Video training will be provided
• Guided by certified Industry experts with more than 10 years of experience in Web Designing

�WHO CAN JOIN�There are no special prerequisites to be trained up for this course. But attendees should be aware on basic computer skills. This course is intended for those who want to work as a Web Designer. This course covers Web Design process in details.�This  web Design Specialist course is an intensive hands-on course is designed to provide web designers with an in-depth understanding of the web Design process and life cycle.���

Implemented By Debasis Paul

10/3/2017

Trend: �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.�

Experience the beauty of Web Design with professional hands on Specialist Training. �

4–OUTSTANDING

Performance at this level demonstrates an in-depth understanding of content and concepts. These students make connections amongst ideas that go well beyond the obvious, solve challenging problems with efficient and innovative strategies and communicate complex ideas insightfully, effectively and creatively.

Implemented By Debasis Paul

10/3/2017

Instructional Philosophy

Students will be given challenging real-world projects and assignments typical of the Web design industry. High quality work is expected and students will be given opportunities to redo work until it meets standards specified by instruction. Classroom activities will include reading, research, projects, and problem-solving. Students will often work in teams but will be expected to complete individual assignments in relation to the team's work. Assessment methods will include written exams, tests, and quizzes; oral and written research reports; reading assignments; and projects.

​

Assessments

Projects/Daily Work 75%

Participation 15%

Leadership 10%

Participation Points will not be added to the grade book until quarter and semester grades.

​

Grading System

All work will be graded on a 4 point scale.  There are no points or percentages for assignments, but rather grade points from 4.0 – 0.0.  

​

1-UNDER  ACHIEVEMENT

• Students at this level are failing to apply basic skills and effort to their assignments.

​

• 3.5 – 4.0 = A 1.5 – 2.0 = C 3.0 – 3.5 = A- 1.0 – 1.5 = C 2.5 – 3.0 = B 0.0 – 1.0 = F 2.0 – 2.5 = B-

​

Implemented By Debasis Paul

10/3/2017

3–PROFICIENT

Students at this level demonstrate strong, solid achievement in grasping content and concepts.  They display command of essential concepts, skills, and processes and make important connections between central ideas.

​

2–DEVELOPING

Performance at this level demonstrates partial command of essential concepts, skills, and processes. With some direction and guidance, the student can obtain a complete command of the desired goals. The communication of what they understand is adequate but sometimes rudimentary or incomplete.

​

Participation Points:

​

4 Points

On time to class

All materials ready for class

Participate entire class

​

2 Points

Excused absence with admit

Tardy to class

Late Work

​

0 Points

Unexcused absence

No materials for class

Disruptive or off-task behavior

​

Implemented By Debasis Paul

10/3/2017

Upon successful completion of this course, students will be able to:

• Recognize and understand HTML web page elements
• Know how to write HTML code
• Understand and apply effective web design principles
• Enhance web pages using text formatting, color, graphics, images, and multimedia
• Incorporate forms into web pages
• Understand and apply CSS to format web page elements
• Plan, design, and publish a multi-page website

Course Features

• 2 Hours of Daily Trainer interactive training 1 Hours of Daily practice, assignments by Trainers
• 300+ Assignments Various assignments to practice on
• 50+ Videos Access to Web Design Video library
• 400+ PDFs | 500+ PPTs Access Text based learning resources

Course Stats

• Trainers Who are Sr . Web Designers in various reputed companies, having 5+ years of Exp.
• 120 Students Have attended this course
• 28 Projects students have completed successfully
• 20 Recruitment partners Companies in which students have been placed

This training will help to: 

• Remember, to gain in-depth knowledge and hands-on Web Design training for reaping the opportunities available in the field of Web Technology.
• Every class will include student practice session for 30 minutes. There will be a midterm exam after 18 classes, A final exam will be held after 36 classes
• In recent study, it is found that by the end of the year 2020 demand for Web designers will be increase by 30% as the online business is booming in a massive pattern. To meet the design demand for these numerous numbers of upcoming websites, need for more talented designers is a must. 
• A Web designer can earn independently as a freelancer or being a part of any organization, where regular job hours doesn’t matter unless the creativity inside him. The service field of a Web designer is quite widespread, from private to government organization there are huge career opportunities left for Web designers.�

​

Implemented By Debasis Paul

10/3/2017

• This  web design Specialist course is an intensive hands-on course is designed to provide web designers with an in-depth understanding of the web design process and life cycle.
• In this course you will learn through hands-on training and demonstration how to utilize the different tools and features available in Web Design.
• Web Design will help you to achieve your career aims and reach the great heights. Below listed are few of the major benefits of pursuing Web Design Course, have a look
• You can expect a hike in your designation and salary in your current company.
• You can easily switch a job demanding a hike in the salary.
• Web Design is recognized all over the world, thus you can easily get a job abroad.

​

CURRICULUM MAP�WEB DESIGN TRAINING �

Implemented By Debasis Paul

10/3/2017

Implemented By Debasis Paul

10/3/2017

CURRICULUM MAP�WEB DESIGN TRAINING

Web Design�Course curriculum outline�Introducing the course and training objective to the participants.

Implemented By Debasis Paul

10/3/2017

TOTAL 36 SESSION

72 HOURS

Web Architecture Course Outline�2 Hours �1 Session

Implemented By Debasis Paul

10/3/2017

• Introduction to Web Design & Web Technologies, Web Development, Software Development, Outsourcing, Freelancing.
• Understanding Web, Web site & Internet
• Career in Web Technologies & Job Roles
• Basic Ideas on - Domain, Hosting, IP, Server, NameServer, Programming Language, Designing Language, Structured Query Language, Framework, CMS, IDE, cPanel, Domain Control Panel, FTP Client, Local Server.
• How The Website Works
• Technology Of Web structure & Content
• Technology for Web Presentation
• Client & Server Scripting Languages
• Difference Between a Web Designer & Web Developer

​

Implemented By Debasis Paul

10/3/2017

Next Page

Day: 1^st-Session1

Class WD-C1/M1 Module: Web Architecture

Lecture Key Note For 2 Hours

Topic:

​

• Static Vs Dynamic Website.
• What is wire framing  ?
• Hand sketch & Wire framing.
• Wire framing tools.
• Story Board ( How to think )
• Web standards & W3 Recommendation
• Course module overview.
• Project:  Think about a website. Make a skeleton by using wire framing tools.

​

Implemented By Debasis Paul

10/3/2017

Orientation

1.1 Syllabus Review and Quiz�1.2 Subscribe to the course calendar�1.3 Review of Course Projects�1.4 Introduce yourself to the class on Google+�Designers Lounge: The Web Development Process

​

Day: 1^st-Session1

Class WD-C1/M1 Module: Web Architecture

Lecture Key Note For 2 Hours

Topic:

​

HTML Course Outline �For 10 Hours & 5 Session

Implemented By Debasis Paul

10/3/2017

HTML Essential

HTML for Email

​

HTML5 Essentials

​

​

• Website Designing tools
• IDE vs Code editor.
• Choosing an Editor
• Environment Setup.
• HTML & Browsers.
• File extension.
• Creating a file.
• Arranging files and making a startup package.
• 2.1 Files and Folders�2.2 Downloading Web Pages�2.3 Editing Code�2.4 Zipping Folders�2.5 Zipping folders and Submitting Work
• Project:  Creating startup package and upload it to google drive.
• Designers Lounge: The Web Development Process

Implemented By Debasis Paul

10/3/2017

• Setting Up the Text Editor to Create XHTML
• How Pages are Served Up
• Project Management

​

​

Day: 2^nd –Session2

Class WD-C2/M2 Module: Environment Setup

Lecture Key Note For 2 Hours

Topic:

​

• Choose a Website Topic, Introduction to HTML Structure vs Presentation
• HTML5 Semantic Web, The HTML 5 Template
• Html5 tags, attributes, elements,  Other HTML Tags
• Formatting Tags (HTML5 Formatting tags/ Content), Compound Tags
• Tidbit: The Coding Cycle
• Text Elements
• Special Character Elements
• Character Reference/ Entities
• Entity Reference
• Attributes
• Commenting and Formatting Code
• Additional Resources
• Project:  Creating a web page with proper HTML Syntax.

​

Implemented By Debasis Paul

10/3/2017

Next Page

Designers Lounge: Universal Usability

Day: 3^rd –Session3

Class WD-C3/M3 Module: Introduction to HTML5

Lecture Key Note For 2 Hours

Topic:

​

Implemented By Debasis Paul

10/3/2017

Page Information: 30 mins

Base Url�Meta�Title�Link�Style�Script�Language Attributes

Hypertext and Link in HTML Documents: 60 mins

Anchor Tag

Absolute Path

Relative Path

URL/FTP/HTTP

Types of links.

Internal Links

External Links

Link Tags

Links with images and buttons

Links that send email messages

mailto link

• Defining the Basic Structure with HTML, HEAD & BODY
• Assigning a Title & Using Paragraphs
• Using Heading Tags & Whitespace
• Understanding How a Browser Reads HTML
• Doc Types & Browsers

​

Day: 3^rd –Session3

Class WD-C3/M3 Module: HTML5

Lecture Key Note For 2 Hours

Topic:

​

​

• What is table?
• Table Head and Body Contents.
• Attributes of table.
• Table row and column.
• Nested table.
• Layout with table.
• Project:  Creating a webpage layout with table.

​

Implemented By Debasis Paul

10/3/2017

Text Formatting:

Header Tags�Paragraphs�Bold, Strong�Italics, Emphasis�Small�Sub, Sup�Inserted text, Deleted text�Lists – ordered, unordered, definition�Images , Image Map, Area of map�Table Tags�HTML Citations, Quotations, and Definition Tags

Day: 4^th –Session4

Class WD-C4/M4 Module: HTML Table & Text Formatting

Lecture Key Note For 2 Hours

Topic:

​

​

• Introduction to form.
• Form elements.
• Input types and attributes.
• Form controls.
• GET vs POST method.
• Form arrangement and decoration.
• Project:  Creating a register form that requires every form elements.

​

Implemented By Debasis Paul

10/3/2017

Forms: 120 mins

Input Tags

Text

Textarea

Radio

Checkbox

button

number

range

color

​

Day: 5^th –Session5

Class WD-C5/M5 Module: HTML FORM

Lecture Key Note For 2 Hours

email

date

file

select

data list

Validation

Labels

Fieldset and legend

Placeholders

MultiSelect

Keyboard Attributes (Access Keys)

Topic:

​

60 Mins Part Two

• Embedded video from YouTube.
• Gif amination embedded.
• HTML Review.
• Additional Resources
• Picture
• Figure
• Figure Caption
• HTML5 Audio Tag
• HTML5 Video Tag
• Controls
• Properties
• Project:  Creating a webpage where image, audio, video and gif animation will be embedded.

​

Implemented By Debasis Paul

10/3/2017

HTML5 Media Tags: 60 mins Part One

HTML5 image Element

Acquiring Images

Image Formats & Production Considerations�Tidbit: Copyright, Copywrong, Creative Commons

Graphics File Formats�Editing Images�The img Tag�Absolute Links�Embedding Media�Relative Links�Validating Code�Different types of image in HTML.

Iframe in HTML.

Audio and Video controlling.

Fine-Tuning with Alt, Width & Height Attributes

Designers Lounge: HTML5

​

Day: 6^th –Session 6

Class WD-C6/M6 Module: HTML5 Media

Lecture Key Note For 2 Hours

Topic:

​

HTML Essentials Training Course Module�

Implemented By Debasis Paul

10/3/2017

Basics

• WWW & Internet
• HTML History
• XHTML Concepts Basics
• Create Simple HTML Document
• View & Edit HTML Document
• Add Doctype Declaration
• Print HTML Document

​

Text Format Basics

• Headings
• Simple Paragraphs
• Bold & Italics
• Horizontal Lines
• Comments

​

Links

• Web Page Links Basics
• File Link
• Web Site Link
• E-Mail Link
• Link within Document
• Web Page Menu

​

Text Format Techniques

• Align Text
• Align with Div
• Create Addresses
• Special Characters
• Quotations

​

Lists

• Unordered Lists
• Ordered Lists
• Mixed List Styles
• Definition Lists

​

Images

• Image Formats Basics
• In-Line Images
• Align Text & Images
• Images as Navigation Icons
• Images as Buttons
• Images as Links to Images

​

Tables

• Simple Tables
• Multiple Rows & Columns
• Align Text in Cells
• Cell Padding
• Table Titles

​

HTML Essentials Training Course Module�

Implemented By Debasis Paul

10/3/2017

Forms

• Text Input Fields
• Radio Buttons
• Checkboxes
• Pull-Down List
• Scrollable List
• Comments Field
• Reset & Submit Buttons
• Create Form Table
• Link to a Form Page

​

Cascading Style Sheets

• In-Line Styles
• Color Codes in HTML
• Embedded Styles
• Classes
• Pseudo Classes
• IDs
• Create & Apply External CSS
• Apply CSS to Web Pages
• Margin Settings

​

Special Effects

• Image Map Basics
• Use Image Map
• Rollover Effects With Event Scripts
• Add a Clock With JavaScript

​

Prepare & Publish

• Provide Index Info Using META
• Plug-Ins & Helper Applications Basics
• Check Web Site
• Web Site Hosting Basics
• Markup Language Terminology

​

Frames

• Frames Basics
• Frames, Menus & Targets
• Framesets
• Create No Frames Alternative

​

HTML for Email Training Course Module�

Implemented By Debasis Paul

10/3/2017

1.Basics

• HTML Emails Explained
• Multi-Part Formats
• Security

2.Code an HTML email

Layouts

Tables

HTML Tag Attributes

Create Basic HTML Email

Apply CSS Rules

Define CSS Style Rules

3.HTML Email Postcard

• Current Email Clients Limitations
• HTML Email Postcard Format
• Images On Web Server
• Create Basic HTML
• Inline CSS rules
• Links Open In New Window
• Add Inline CSS Rules

​

4.Plain Text Version

Importance of Plain-text version

Multipart - Alternative Email Messages

Plain-Text Email Tips

5.Send HTML Emails With Outlook

Align Images

Single Column Structure

Code HTML Email Newsletter

6.Test HTML email

Desktop & Web-Based Email Clients Testing

Web-based Testing Service

Test Against Spam Filters

​

7.Sending HTML email

Microsoft Outlook

Dedicated Email Marketing Software

Email Marketing Service Provider

8.Two-column HTML newsletter

Two-Column Structure

COLSPAN

Code Two-Column HTML Email Newsletter

​

HTML5 Essentials Training Course Module�

Implemented By Debasis Paul

10/3/2017

HTML5 Introduction

HTML5 Explained

HTML5's 3 Key Principles

Discover HTML5 Markup

HTML5 Doctype

Character Encoding

HTML5 Syntax

Validation

HTML5 Element Family

New & Removed Elements

Adjusted Elements

Standardised Elements

Use HTML5 in Web Development Today

Browser Support for HTML5

​

The HTML5 Way to Structure Pages

Semantic Elements Basics

Adjust a Traditional HTML Page

Old Page Structuring in HTML

Structure a Page with HTML5

Subtitles with (hgroup)

Add Figures with (figure)

Add Sidebars with (aside)

Browser Compatibility for Semantic Elements

Design a Site using Semantic Elements

HTML5 Outlining System

Viewing an Outline

Basic HTML5 Outlines

Sectioning HTML5 Elements

​

Meaningful Markup in HTML5

Revisiting the Semantic Elements

Dates and Times

Highlighting Text using the Mark Tag

New Standards to Boost Semantics

Accessible Rich Internet Applications (ARIA) in HTML5

Resource Description Framework (RDFa) in HTML5

Microformats in HTML5

Microdate

Google Rich Snippets and HTML5

​

HTML5 Essentials Training Course Module�

Implemented By Debasis Paul

10/3/2017

Refined Web Forms

Understanding HTML5 Forms

Traditional HTML Forms Reworked

Add Hints with Placeholders

Setting Focus (Set Cursor Location)

Understanding and Validating Form Errors

Turning Off Form Validation

Validation Styling Hooks

Validating Controls Using Regular Expressions

Customising Validation

Form Validation Browser Support

HTML5 Input Types

Suggested Inputs Using a Datalist

Command and Menu in HTML5

Video and Audio in HTML5

Understanding Video in Browsers Today

Introducing HTML5 Video and Audio

Media Formats Explained

Using JavaScript to Control Your Player

Adding Sound Effects

Create a Custom Video Player

Captions and Accessibility

​

Drawings using a Canvas

Canvas Basics

Drawing Straight Lines

Working with Paths and Shapes

Adding Curved Lines

Transforming a Drawing

Drawing Transparency

Creating a Basic Paint Program

Drawing Preparation

Drawing on the Canvas

Saving the Canvas Drawing as a Picture

Canvas Browser Compatibility

Polyfilling the canvas

​

HTML5 Essentials Training Course Module�

Implemented By Debasis Paul

10/3/2017

More on Canvas

Drawing Images

Editing and Resizing an Image

Drawing Text

Fancy Fills and Drop Shadows

Interactive Shapes

Animating a Canvas

​

Enhancing Styles with CSS3

CSS3 Today

Working with Web Typography

Different Web Font Formats

The Font Kit

Google Web Fonts

Using your Own Fonts

Multiple Columns of Text

Adapting to Different Devices

Building Better Boxes

Special Effects using CSS3 Transitions

​

Data Storage

Introduction to Web Storage

Storing Data

Remove Items

Finding Stored Items

Storing Numbers

Storing Text

Storing Objects

Reacting to Data Changes

Reading Text Files

Replacing the Normal Upload Control

Reading Multiple Files

Reading Image Files

​

HTML5 Essentials Training Course Module�

Implemented By Debasis Paul

10/3/2017

Offline Applications

Caching Manifest Files

Create a Manifest

Use your Manifest

Updating Manifest Files

Practical Manifest Caching Techniques

​

Web Server Communication

Sending Messages to a Web Server

Server-Sent Events

Web Sockets

​

Applying JavaScript

Geolocation

Web Workers

History Management using JavaScript

​

Web Design Editor Outline Like Dreamweaver�

Implemented By Debasis Paul

10/3/2017

Introduction

Prerequisites & Objectives

Static Page Architecture

HTML

Standards-based Web Development

HTML Validation

Get Started

Dreamweaver CS6 Basics

Dreamweaver Window

Modify &Save Workspace

Define Local Site

Preferences

Files Panel

Plan Website

Create HTML Pages

Preview in Browser

Live View Preview

​

Add Website Content

Text Files and Word Documents

Control Document Structure

Lists

Horizontal Rules

Special Characters

CSS to Format Content

Format Text

Cascading Style Sheets Basics

External & Internal Style Sheets

Create & Attach External Style Sheet

Define CSS Rules with Styles Panel and Properties Inspector

Create Element, Class, and Descendant Selectors

Display Styles

Internal Rules to Over-ride External CSS Rules

​

Web Design Editor Outline Like Dreamweaver�

Implemented By Debasis Paul

10/3/2017

Images

Add Images

Assets Panel

Modify Image Properties

CSS to Align Images

Edit Images

Roundtrip Editing with Fireworks

Customise Insert Bar

Add Flash Content

Add Flash Video

Add Interactive Elements

Site Navigation Basics

File Linking - Internal

Link to External Websites

Open Link in New Window

Link to Named Anchors

Email Links

Images Links

Design Layouts Using CSS

Design with DIVs & CSS

Layout using Positioning vs. Floats

Design Float-based Layout

Centre-Aligning DIVS

CSS to Design Navigation Links

Tabular Data

Libraries and Templates

Site Library Items

Create Site Templates

Editable Regions

Use Templates

Apply Template to Existing Page

Modify Templates

Create Forms

Forms Basics

Spry Form Validation

Process Forms

Set Focus in Form

Test, Upload & Maintain Website

Test Site

File Management

Connect to Remote Site

Synchronise Files

CSS Course Outline �For 10 Hours & 5 Session

Implemented By Debasis Paul

10/3/2017

CSS Essential

CSS3 Essentials

​

​

• Introduction to CSS (Cascading style sheet).
• Syntax of CSS.
• How to link CSS. Important property of CSS, Value & Basic Formatting
• Inline
• Internal
• External
•  Colors
• Layout concept in CSS.

Tidbit: CSS3

• Common Properties�Additional Resources
• Designers Lounge: Creating Effective Color Palettes
• Project:  Creating Link a css file and implement important property.

​

Implemented By Debasis Paul

10/3/2017

Day: 7^th –Session 7

Class WD-C7/M7 Module: Styling Tags

Lecture Key Note For 2 Hours

Topic:

​

​

• Introduction to Selectors.
• Id Vs Class.
• Classes IDs Divs Spans� The Box� Boxes in Boxes� Designers Lounge: Whitespace and Paragraph Formatting�Styling Page Divisions�Additional Resources
• Attribute selectors.
• Universal, Type, Query, Descendant, Child and Adjacent Sibling Selectors.
• Selectors Grouping or Nesting.
• Project:  Creating an external css file and change HTML view styling with selectors.

Implemented By Debasis Paul

10/3/2017

• Building & Applying Class Selectors
• Creating Comments in Your Code
• Using Div Tags & IDs to Format Layout
• Understanding the Cascade & Avoiding Conflicts

​

Day: 8^th –Session 8

Class WD-C8/M8 Module: CSS – Page Layout

Lecture Key Note For 2 Hours

Topic:

​

• List styling.
• Creating menu in css.
• Styling text.
• Working with web fonts and icons.
• Styling fonts and icons.
• Input box styling.
• Project:  Creating a menu with icons. Styling text and fonts.

​

Implemented By Debasis Paul

10/3/2017

Nav Bars:

-Designers Lounge: Google Chrome Developer Tools�-Adding a Navigation Bar�-Customizing a Navigation Bar�Additional Resources

​

Publishing Websites:

FTP and Web Servers�Designers Lounge: Website Critique�Additional Resources

​

Day: 9^th –Session 9

Class WD-C9/M9 Module: Web Styling, Publishing & Navigation

Lecture Key Note For 2 Hours

Topic:

​

• Introduction to CSS layout.
• Floats.
• Positioning.
• Practical positional example.
• Flexbox.
• Grids.
• Project:  Creating a website with actual positioning.

Implemented By Debasis Paul

10/3/2017

Designing with Sections

-Designers Lounge: Favicons�-Sections and Background Colors�-Background Images�-Adding a Navigation Bar�Tidbit: Typography�-Additional Resources

​

Day: 10^th –Session 10

Class WD-C10/M10 Module: CSS Position & Typography

Lecture Key Note For 2 Hours

Topic:

​

• Introduction to lovable CSS.
• Border and rounded corners.
• Working with background.
• Gradient & shadow.
• Transition & transformation.
• Project:  Creating a website with image/color backgrounds and transition, transformation effects.

​

Implemented By Debasis Paul

10/3/2017

Day: 11^th –Session 11

Class WD-C11/M11 Module: Lovable CSS

Lecture Key Note For 2 Hours

Topic:

​

CSS Essential Training Course Module�

Implemented By Debasis Paul

10/3/2017

Introduction to CSS

Defining Styles with CSS

CSS Selectors

CSS Properties

​

Basic Text Formats Using Styles

Format font sizes and Types correctly

Formatting Hyperlinks (anchor tags)

Format Specific Text Characters

Set the line-height of text

Centering and Indenting text

Format Lists (Bullet Points)

Set The Page Margins

Add Comments to a Cascading Style Sheet

​

CSS and Images

Apply an Image Border

Text Wrapping Around an Image

Set Background Image Using CSS

Positioning a Background Image

Anchoring a Background Image so it Doesn't Scroll

Layering Text On Top of an Image

​

CSS Menus and Navigation

Replacing Image-Based Navigation Using CSS

Utilizing Lists to Create a Navigation Menu

Rollover Navigation Using CSS (Without Images or JavaScript)

Build a Horizontal Menu Using CSS and Lists

Button-like Navigation With CSS

​

Tabular Data

Table Borders Without Using HTML Border Attribute

Displaying Alternate Table Row Colors

Change Table Row Background Colour on Hover

​

CSS Essential Training Course Module�

Implemented By Debasis Paul

10/3/2017

Forms and the User Interface

Format Form Elements With CSS

Applying Field Styles

Controlling Line Breaks And White Space

Using different colored highlights in select menu

Highlight the Current Form Field

​

Device and Browser Support

Site Testing in Different Browsers

Site Testing in Different Operating Systems

Installing Multiple Versions of Internet Explorer

Hiding CSS in Netscape 4

Hiding CSS in Other Browsers

Understanding Quirks Mode in Internet Explorer

Creating a Style Sheet for Printing

Implementing Alternate Style Sheets

Style Sheet Switching

Alternating CSS Without Duplicating Styles

​

CSS Layout and Positioning

Decide When to use IDs or a Class

Inline and Block-Level Element Display

Padding and Margins in CSS

Floating Element

Aligning elements left and right without tables

Positioning Elements on a Page Using CSS

Centering Content on a Page

Creating a two-column liquid layout (menu left, content right)

Reversing The Layout by Placing the Menu on the Right

Create a fixed-width, centered, two-column layout

​

CSS3 Essentials Training Course Module�

Implemented By Debasis Paul

10/3/2017

Introducing CSS3

What's New in CSS3

CSS3 Integration Overview

Using CSS3 For Your Website

Browser Support For CSS3

Web Browser Market Share

Progressive Enhancement Overview

Advantages of Progressive Enhancement

Benefits of Using CSS3

Reducing Maintenance and Development time

Increasing Page Performance

Better Search Engine Placement

Increasing Accessibility and Usability

A Case Study: Before and After CSS3 Implementation

Browser or Vendor Prefixes

Working with Non-compliant Browsers

IE Filtering Using Conditional Comments

Client Education With Progressive Enhancement

Managing The Client's Expectations

​

CSS3 Speech Bubbles

Managing Long Text

Graphic Effects With Sans Graphics

Rounding Corners

Adding the Bubble's Tail

Semitransparent Backgrounds Using RGBA or HSLA

Adding Image-free Gradients

Applying Image-free Drop Shadows

Applying Image-free Text Shadows

Transforming Content With Avatars

What are CSS3 Transforms?

Rotating An Avatar

​

CSS3 Essentials Training Course Module�

Implemented By Debasis Paul

10/3/2017

CSS3 Notebook Paper

Beyond the Basic Background

Scaling the Background Image

Multiple Background Images for a Single Element

Applying a Graphic Border Image

Applying a Drop Shadow

Unique Font Embedding

Using @font-face to Embed Fonts

Choosing A Font

Converting Fonts

​

Styling Images and Links by Type

Understanding Attribute Selectors

Indicating File types with Dynamically Added Icons

Alternative Icon Ideas

Styling Full-size Photos and Thumbnails

Understanding the Troubles with Classes

Using Attribute Selectors to Target by Type

​

Using Pseudo-classes to Improve Efficiency

Target Specific Elements Without Using IDs or Classes

New Structural Pseudo-classes

Alternating Colors

Random Rotation of Images

Dynamically Highlighting Page Sections

The CSS3 :target Pseudo-class

Adding a Table of Contents

Changing Background Colour

Animating with Pure CSS

​

CSS3 Essentials Training Course Module�

Implemented By Debasis Paul

10/3/2017

Different Design for Different Screen Sizes

Understanding Media Queries

Change Layout for Various Screen Sizes

Changing Horizontal Nav Bar to Vertical Menu

Text in Multi-columns

Change Layout for Small Screens

Change Layout for Mobile Devices

Understanding Device Width

Images on High-resolution Displays

Viewpoint Meta Tag

Working with Non-supporting Browsers

​

Flexing your Layouts

Create a Multi-column Layout Without Positioning and Floats

Making Block Content Flex

Working with Columns

Reordering Columns

Equal Height Columns

Horizontal and Vertical Centering

Create Flexible Form Layout

Static Footers

Flexible Box Model Alternatives

The CSS box-sizing Property

Future Layout Systems

​

Implemented By Debasis Paul

10/3/2017

Responsive Web Design (RWD)

Total Session One

Total Time Two hrs.

• Overview of Responsive Web Design (RWD)
• Working with viewport.
• Practicing Media Queries.
• RWD Frameworks.
• Project:  Enable a website for mobile responsive view.

Implemented By Debasis Paul

10/3/2017

Lesson Overview�Designers Lounge: Page Layout, Mental Models & Chunking�-Media Queries�-Multiple Media Queries�-Targeting Devices�-Images and Video�-Columns and Tweaks�-The Viewport�-On Your Own�Tidbit: Mobile First Design�-Additional Resources

Day: 12^th –Session 12

Class WD-C12/M12 Module: Responsive Web Design

Lecture Key Note For 2 Hours

Topic:

​

Responsive Web Design 4 Hours Module

Implemented By Debasis Paul

10/3/2017

1.The Viewport Meta Tag

• Setting The Viewport Meta Tag
• Defining device-width
• Setting initial-scale
• Defining maximum-scale

7.Filling the Background

• Identifying a Media Query Using a Visual Indicator
• Page Background Styling
• Using Custom Web Fonts

​

2. Hi-Res Images and Effects

• Working with Retina Graphics (Double-Resolution Images)
• Halving an Image’s Width
• CSS3 Shadows and Gradients
• Using Custom Fonts
• Creating Scrollable Areas
• Horizontal Scrollable Areas
• Optimise Scrolling for iOS Touch Devices

​

3.Mobile-Friendly Navigation and Forms

• Creating and Styling a Mobile-Friendly Nav
• Working with Text Shadows

4.Creating Mobile-Friendly Forms

• Form Input Types (Text, Button, Radio etc.)
• Fill a Page Using CSS Gradients

6.Creating a Basic Wireframe

• Creating a Basic Layout Using a Wireframe
• Adding Placeholder Content
• Mobile First Media Queries
• Finishing the Wireframe
• Structuring the Page for Different Screen Sizes
• Media Queries for Min and Max-Width
• Hiding Elements for Different Screen Sizes

​

Implemented By Debasis Paul

10/3/2017

5.Media Queries and Retina Graphics

• Working with Media Queries
• Loading Hi-Res Images on Retina Display Devices
• Creating a Simple Responsive Website
• Understanding and Creating Fluid Widths
• Setting Max-Width Using Media Queries
• Mobile First Thinking Explained
• Setting Min-Width Using Media Queries

8.Starting With the Header

• Adding a Logo and Nav
• Styling a Logo and Nav for Various Screen Sizes and Devices
• Showing Images on Large Screens Only
• Complete the Header and Add a Slideshow
• Header Styling
• Adding a Slideshow Placeholder

9.Responsive Issues Explained

• Styling Upcoming Shows on Different Devices
• Using min-height to Match Element Heights
• Limiting Flexible Content
• Setting Max-Widths
• Design Constraint at Break Points
• Centering Page Design for Various Screen Sizes

​

10.Responsive Slideshows

• Setting up a Slideshow
• Styling Slideshow Images and Controls
• Prevent Slideshow on Mobile Devices
• Background-Size Polyfill for Older Browsers
• Using Respond.js Polyfill for IE
• Media Queries Polyfill for IE 7 & 8
• Finalising the Code

12.Fluid and Nested Layouts

• Fluid Layout Using Bootstrap
• Creating Nested Sections

​

13.Completing Responsive Web Content

• Utilizing Responsive Bootstrap Styles

​

11.Responsive Prototype Grids

• Twitter Bootstrap
• Bootstrap Grid System

​

Implemented By Debasis Paul

10/3/2017

Css Pre processor SASS/LESS)

Total Session One

Total Time Two hrs.

• Introduction to LESS/SASS/SCSS.
• Variable
• Mixins.
• Nesting & Scope.
• Operation.
• Function.
• Extend.
• Project:  Implementing css property with LASS/SASS.

Implemented By Debasis Paul

10/3/2017

Day: 13^th –Session 13

Class WD-C13/M13 Module: CSS PRE-PROCESSOR

Lecture Key Note For 2 Hours

Topic:

​

Implemented By Debasis Paul

10/3/2017

Twitter Bootstrap V4.0

Total Session One

Total Time Two hrs.

• Introduction to Bootstrap Framework. (BS)
• How to install bootstrap.
• Great grid system.
• Understanding device screen size.
• BS table.
• BS form.
• BS button.
• BS Image responsive.
• Project:  Installing bootstrap and create a grid for web layout.

​

Implemented By Debasis Paul

10/3/2017

-Explore Bootstrap Elements�-Downloading Bootstrap�-Downloading a Bootstrap Example�Tidbit: Bootstrap Themes and the Parallax Effect�-Reviewing the Example Code�-Replacing Page Content�-Customizing the Design�Designers Lounge: Framework or CMS�-Additional Resources

Day: 14^th –Session 14

Class WD-C14/M14 Module: Front End Frameworks Part one

Lecture Key Note For 2 Hours

Topic:

​

• BS Modal.
• BS Scrollspy.
• BS Tab & tooltip.
• BS Carousel.
• BS Accordion.
• Project:  Complete a webpage with Bootstrap.

​

Implemented By Debasis Paul

10/3/2017

Day: 15^th –Session 15

Class WD-C15/M15 Module: Front End Frameworks Part TWO

Lecture Key Note For 2 Hours

Topic:

​

Twitter Bootstrap Essentials Training Module �

Implemented By Debasis Paul

10/3/2017

Introduction to bootstrap 

30 mins

What is bootstrap ?

History of bootstrap

File Structure

Using Bootstrap

Basic Example

​

Grid System

60 mins

Device Ranges

Predefine grid classes

Using grid classes

Device Based Classes for Adaptive designs

​

Media Queries

30 mins

Media query Introduction

Using media query with bootstrap

​

Predefine classes

30 mins

Alignment and transformation

Tables

Buttons

Images

Responsive utilities

​

Components

90 mins

Glyphicons

Dropdowns

Button groups

Button dropdowns

Input groups

Navs

Navbar

Breadcrumbs

Pagination

Labels

Badges

Jumbotron

Page header

Thumbnails

​

Alerts

Progress bars

Media object

List group

Panels

Responsive embed

Wells

​

Twitter Bootstrap Essentials Training Module �

Implemented By Debasis Paul

10/3/2017

Javascript

120 mins

Using Bootstrap Javascript

Transitions

Modal

Dropdown

Scrollspy

Tab

Tooltip

Popover

Alert

Button

Collapse

Carousel

​

Project 

120 mins

Responsive Portfolio Website

​

Implemented By Debasis Paul

10/3/2017

Exam + PSD To HTML

Total Session four

Total Time Eight hrs.

• What is Photoshop?
• Basic concept of Photoshop.
• How to use Photoshop tools?
• PSD fonts, color and layer concept.
•  Image slicing in Photoshop.
• PSD fonts
• PSD to HTML converting techniques.
• Project:  Converting to HTML.

Implemented By Debasis Paul

10/3/2017

Day: 16^th –Session 16

Class WD-C16/M16 Module: Mid Term Exam

Lecture Key Note For 2 Hours

Day: 17^th –Session 17

Class WD-C17/M17 Module: PSD To HTML

Lecture Key Note For 2 Hours

Topic:

​

Topic:

​

Mid Term Exam.

​

​

•  Converting Portfolio PSD template to HTML.

Implemented By Debasis Paul

10/3/2017

Day: 18^th –Session 18

Class WD-C18/M18 Module: PSD To HTML (PORTFOLIO)

Lecture Key Note For 2 Hours

Day: 19^th –Session 19

Class WD-C19/M19 Module: PSD To HTML (Business)

Lecture Key Note For 2 Hours

Topic:

​

Topic:

​

​

•  Converting Multipurpose Business PSD template to HTML.

​

Photoshop Essentials Training Module�

Implemented By Debasis Paul

10/3/2017

Photoshop CS6 Basics

Photoshop Explained

What's New

Open & Find Images

Create New Canvas

Photoshop Window

Menus & Keyboard Shortcuts

The Toolbox

The Options Bar

Panels Basics

Workspaces

Resize Screen Views

Tool Presets

Navigator Panel

Navigation Tools

Rulers, Guides, & Grids

Revert Files

Help

Manage Files

Open Files

Use Bridge

Multiple Files & Windows

Status Bar

Multiple Versions & Saving

File Formats Basics

Notes

​

Selection Tools Basics

Marquee Tools

Edit Selections

Rotate & Move Selections

Delete Selections

Deselecting

Save Selections

Select All

Move Selection Border

Cut, Copy & Paste

Magic Wand Tool

Colour Range Command

Lasso Tool

Polygonal Lasso Tool

Magnetic Lasso Tool

Invert Selections

Expand or Contract Selections

Content Aware Fill

Skew or Distort Selections

Refine Edges

Photoshop Essentials Training Module�

Implemented By Debasis Paul

10/3/2017

Work with Pixels

Bitmaps & Vector Basics

Image and Screen Pixels

Adjust Image Resolution

Change Resolution Automatically

Change Pixel Dimensions

Content Aware Scale

Change Print Dimensions

Change Canvas Size

Rotate and Flip Canvas

Crop with Marquee

Unsharp Mask Filter

​

Colour Basics

Two Colour Models

Colour Settings

Colour Palette

Colour Ramp

Colour Picker

Paint Bucket Tool

​

Layers

Layers Basics

Create and Delete Layers

Rename Layers

Link Layers

Adjustment Layers

Merge Layers

Group Layers

Layer Via Cut and Copy

Type Layers

The Character Panel

Smart Warping

Modify Type Layer

​

Channels and Masks

The Channels Panel

Save Selections as a Channel

Load Channels as Selections

Quick Masks

Layer Masks

Move Layer Masks

Clipping Groups

​

Photoshop Essentials Training Module�

Implemented By Debasis Paul

10/3/2017

Retouch Images

Brightness and Contrast

Blur & Sharpen Tools

Dodge & Burn Tools

Hue & Saturation

Sponge Tool

Adjust Levels

Clone Stamp Tool

Pattern Stamp

Spot Healing Brush

Patch Tool

​

Drawing and Painting

Foreground & Background

Lift Colour

Shape & Line Tools

Custom Shape Tool

Brush Tool

Brush Styles

Create Custom Brushes

Pencil Tool

Paint Bucket Tool

Apply Gradients

Stroke Selections

Eraser Tool

​

Advanced Colour

Colour Balance Command

Variations Dialog Box

Image Modes

Convert to Grayscale

Work with Filters

Filters Basics

Filter Part of an Image

Convert Photograph to Drawing

Liquify Image

Freeze & Thaw Image

Reconstruct Distortion

View Mesh & Save Distortion

Artistic Filters

Blur Filters

Brush Stroke Filter

Distort Filters

Pixelate Filters

Render Filters and Sharpen Filters

Sketch Filters

Stylize Filters and Texture Filters

​

Print Interface

Print Basics

Select Printer & Preview Imaging Position

Print Options

Print Part of Image

Flash & SEO Essentials Training Module�

Implemented By Debasis Paul

10/3/2017

Adobe Flash

• Introduction To Animation
• Introduction To Adobe Flash
• Tools in Adobe Flash
• Shape Tween and Motion Tween
• Frame Animation
• Various Flash Effects
• Creating Flash Banners
• Creating Flash Intro’s
• Creating Flash Website
• Basic Action Scripting

SEO Concepts

​

Basic of SEO

Importance of SEO

Onpage optimization basic

Implemented By Debasis Paul

10/3/2017

JavaScript

Total Session Four

Total Time Eight hrs.

​

• Introduction to JavaScript (JS).
• What can't you do with JavaScript?
• JS basic syntax.
• Variable in JS.
• Operator, Data type and Functions in JS.
• Commenting in JS.
• Project:  Playing with JavaScript syntax.

​

Implemented By Debasis Paul

10/3/2017

Day: 20^th –Session 20

Class WD-C20/M20 Module: JavaScript Part 1

Lecture Key Note For 2 Hours

Topic:

​

• Introduction to JavaScript (JS).
• What can't you do with JavaScript?
• JS basic syntax.
• Variable in JS.
• Operator, Data type and Functions in JS.
• Commenting in JS.
• Project:  Playing with JavaScript syntax.
• Array in JS.
• Concept of Objects.
• JS Conditions ( if, else )
• Switch in JS.
• Loop: for loop, while loop, do while loop.
• Project:  Practicing JS with programming concept.

​

Implemented By Debasis Paul

10/3/2017

Topic:

​

Day: 21^th –Session 21

Class WD-C21/M21 Module: JavaScript Part 2

Lecture Key Note For 2 Hours

• DOM & BOM in JS.
• Method, documents, elements in DOM.
• DOM Event & Eventlistner.
• JS Window.
• History, Navigation in JS.
• Project:  Working with advance JS.

​

Implemented By Debasis Paul

10/3/2017

Topic:

​

Day: 22^th –Session 22

Class WD-C22/M22 Module: JavaScript Part 3

Lecture Key Note For 2 Hours

• Date format in JS.
• Form validation techniques.
• Project:  Completing form validation in JavaScript.

Implemented By Debasis Paul

10/3/2017

Day: 23^th –Session 23

Class WD-C23/M23 Module: JavaScript Part 4

Lecture Key Note For 2 Hours

Topic:

​

JavaScript Programming Essentials Training Module/Project For 8 Hours�

Implemented By Debasis Paul

10/3/2017

Module 1: Introduction

A Short History of JavaScript

What is JavaScript?

What Can We Do with JavaScript?

​

Introductory Modules

​

Module 2: Writing JavaScript

Writing JavaScript

When JavaScript Runs

Readability

JavaScript and XHTML

Our Template Page

​

Module 3: Getting Your Hands Dirty

The JavaScript Sampler

Statements

Expressions

Variables & Assignment Statements

The Naming of Variables

Declaring Variables

Functions

Comments

Data Types

Numbers

Strings

boolean

Using Data Types

Objects

Undefined or Not Defined?

​

Module 4: Numbers & Arithmetic

Basic Operations

Other Arithmetic Operators

​

Module 5: String Operations

String Concatenation

String Properties

Changing Data Types

parseInt() parseFloat()

​

Module 6: Boolean Calculations

Boolean Calculations

​

JavaScript Projects�

Implemented By Debasis Paul

10/3/2017

Project 1: Guessing Game

Outline

Game Function

Game Loop

Testing the Value

A Random Number function

Adding a Score Early Exit

Testing for Numbers

Creating an Ordinal Function

Getting the last digits

Using switch to differentiate last digit

Using the Ord Function

The JavaScript Library

​

Project 2: Validating Forms

• Form Outline
• Setting up the Form
• Selecting the first Field
• Confirming Form Reset
• Conditional Form Submission
• Error Array
• Reporting the Error
• Allowing or Cancelling Submit
• Setting up the Error Array
• The Validation Script
• Validation: Required Fields
• Using Regular Expressions
• Prototype
• Fixing Text Fields
• Empty Strings
• Validation: Specific Types

​

• Email
• Password Matching
• Post Codes
• Checking a Radio Button
• Testing the Radio Buttons
• Numeric Values
• Disappearing Text Boxes …
• Checking A Select Menu
• Minimum Password Length

​

Project 3: Slide Show

The Basic Outline

Outline of the JavaScript

Initialising and Global Variables

Locating and Assigning the slides img element

The slides Array

The Next Slide

Incrementing and Rolling over the Slide Number

Getting the show going

Prefetching the Images

Stopping the Show

A Mortgage Calculator

JavaScript Projects�

Implemented By Debasis Paul

10/3/2017

Project 4: Form Calculators

Preparing the Form

Initialisation & Setup

The Calculate Function

​

Project 5: Jump Menus

Jump Menus

​

Project 6: Cascading Menus

HTML Menus

Cascading Menus

Preparing the Script

Populating the Groups Menu

Adding Option Elements

Converting to a List

Populating the items Menu

Clearing the Items Menu

Populating the Menu

Disabling Menus

Simplifying the code with an addOption Function

​

Project 7: Popup Dialogue Boxes

JavaScript Dialogue Boxes

Appearing and Disappearing divs

The popup div

Starting Off

Finding the popup element

Centring the Popup

Enabling the Buttons

Form Actions

Showing & Hiding the Popup

Creating the Background

Optional: Creating the Background in JavaScript

Optional: Adding a Title Bar

​

Project 8: Collapsible Lists

HTML Lists

Collapsible Lists

Setting Up

Finding Nested Lists

Changing HTML attributes

Changing Classes

Preventing Multiple Triggering

​

Implemented By Debasis Paul

10/3/2017

Outsourcing Marketplace

Total Session One

Total Time Two hrs.

• What is outsourcing?
• How to open an account in freelancer.com?
• Cover letter writing.
• Finding jobs & facing interview.
• Proper communication with clients.
• Payment method.
• Question and answer session.
• Project:  Creating an account in marketplace.

​

Implemented By Debasis Paul

10/3/2017

Day: 24^th –Session 24

Class WD-C24/M24 Module: outsourcing Marketplace

Lecture Key Note For 2 Hours

Topic:

​

Programming jQuery Essentials Training�4 Hours�2 Session

Implemented By Debasis Paul

10/3/2017

1. jQuery Introduction.
2. JQuery Selectors.
3. JQuery and DOM.
4. JQuery and Event.
5. Project:  Working with JQuery.

​

Implemented By Debasis Paul

10/3/2017

1.jQuery Foundation/Introduction

30 mins

• The Jquery Object
• Syntax
• Document Ready
• Simple Jquery Program
• jQuery Methods

​

2.jQuery Selectors

30 mins

Primary Selectors – Tag, ID, Class

Attribute Selector

Child and Parent Selection

Form Selectors

Visibility Filters

​

3.jQuery Traversal

30 mins

DOM Traversal

Ancestor  Traversal

Descendant Traversal

Sibling Traversal

​

4.jQuery Event Handling

60 mins

Browser Events

Document Loading

Event handler attachment

Event Object

Form Events

Keyboard Events

Mouse Events

​

Day: 25^th –Session 25

Class WD-C21/M21 Module: jQuery

Lecture Key Note For 2 Hours

​

Topic:

jQuery Manipulation

60 mins

CSS Class Manipulations

DOM Insertion, Around

DOM Insertion, Inside

DOM Removal

DOM Replacement

​

​

• Introduction to JQuery effects.
• Hide, Show, Fade, Slide in JQuery.
• Parallax in JQuery.
• Animation in JQuery.
• Slider in JQuery.
• -Adding a jQuery Animated Scrolling Effect� Designers Lounge: Coding�-Additional Resources
• Using Plugins in JQuery.
• Project:  Implementing a slider in JQuery.

​

Implemented By Debasis Paul

10/3/2017

Day: 26^th –Session 26

Class WD-C26/M26 Module: jQuery

Lecture Key Note For 2 Hours

​

Topic:

​

Ajax

120 mins

Ajax Methods

Ajax Options

Helper Functions

serialize, serializeArray

param

Global Setup

PreFilters

Ajax Loader

event handling

error handling

Ajax Shorthand

load

get, post,

getJSON

getScript

jQuery Utilities

60 mins

Iteration Utilities

jQuery.each

jQuery.map

Type Utilities

isArray

isObject

isNumeric

Array Utilities

jQuery.extend

jQuery.inArray

Parser Utilities

XML

JSON

HTML

​

Third Party Plugins

60 mins

Lightbox

Configuration

BX-Slider

Configuration

jQuery UI

Widgets

Interactions

Effects

jQuery Effects

30 mins

hiding and showing elements

Fade

Slide

Easing graphs

Queuing animation

jQuery Essentials Training Courses Module�

Implemented By Debasis Paul

10/3/2017

What’s so good about jQuery?

Cross-browser Compatibility

CSS3 Selectors

Helpful Utilities

jQuery UI

Plugins

Keeping Markup Clean

Widespread Adoption

​

What’s the downside?

​

Downloading and Including jQuery

Downloading jQuery

The Google CDN

Uncompressed or compressed?

​

Anatomy of a jQuery Script

The jQuery Alias

Dissecting a jQuery Statement

Bits of HTML—aka “The DOM”

​

Falling in Love with jQuery

​

Selecting, Decorating, and Enhancing

​

Making Sure the Page Is Ready

Selecting: The Core of jQuery

Simple Selecting

Narrowing Down Our Selection

Testing Our Selection

Filters

Selecting Multiple Elements

Becoming a Good Selector

​

Implemented By Debasis Paul

10/3/2017

jQuery Essentials Training Courses Module�

Decorating: CSS with jQuery

Reading CSS Properties

Setting CSS Properties

Classes

​

Enhancing: Adding Effects with jQuery

Hiding and Revealing Elements

Progressive Enhancement

Adding New Elements

Removing Existing Elements

Modifying Content

Basic Animation: Hiding and Revealing with Flair

Callback Functions

​

A Few Tricks

Highlighting When Hovering

Spoiler Revealer

​

Animating, Scrolling, and Resizing

​

Animating

Animating CSS Properties

Color Animation

Easing

Advanced Easing

Bouncy Content Panes

The Animation Queue

Chaining Actions

Pausing the Chain

Animated Navigation

Animated Navigation, Take 2

The jQuery User Interface Library

Get Animated!

​

Scrolling

The scroll Event

Floating Navigation

Scrolling the Document

​

Resizing

The resize Event

Resizable Elements

​

Implemented By Debasis Paul

10/3/2017

jQuery Essentials Training Courses Module�

Images and Slideshows

​

Lightboxes

Custom Lightbox

Troubleshooting with console.log

ColorBox: A Lightbox Plugin

​

Slideshows

Cross-fading Slideshows

Scrolling Slideshows

iPhoto-like Slideshow widget

​

Menus, Tabs, Tooltips, and Panels

​

Menus

Expandable/Collapsible Menus

Open/Closed Indicators

Drop-down Menus

Accordion Menus

A Simple Accordion

jQuery UI Accordion

Tabs

Basic Tabs

jQuery UI Tabs

Panels and Panes

Slide-down Login Form

Sliding Overlay

Implemented By Debasis Paul

10/3/2017

jQuery Essentials Training Courses Module�

Construction, Ajax, and Interactivity

​

Construction and Best Practices

Cleaner jQuery

Ajax Crash Course

What Is Ajax?

Loading Remote HTML

Enhancing Hyperlinks with Hijax

Picking HTML with Selectors

Fetching Data with $.getJSON

A Client-side Twitter Searcher

The jQuery Ajax Workhorse

Common Ajax Settings

Loading External Scripts with $.getScript

GET and POST Requests

jQuery Ajax Events

Interactivity: Using Ajax

Ajax Image Gallery

​

Forms, Controls, and Dialogs

​

Forms

Simple Form Validation

Form Validation with the Validation Plugin

Maximum Length Indicator

Form Hints

Autocomplete

Controls

Date Picker

​

Lists

jQuery UI Selectables

Sorting Lists

Manipulating Select Box Lists

Trees

Expandable Tree

Event Delegation

Tables

Repeating Header

​

Lists, Trees, and Tables

Implemented By Debasis Paul

10/3/2017

Web site Hosting

Total Session One

Total Time Two hrs.

• What is domain and hosting?
• What is Server?
• Introduction to cPanel.
• Overview of webmail.
• How to host a website in server?
• Creating a database in server.
• Working in live server.
• Project:  Host the website in live server. Creating and accessing webmail.

​

Implemented By Debasis Paul

10/3/2017

Publishing Websites:

-FTP and Web Servers�Designers Lounge: Website Critique�-Additional Resources

​

Day: 27^th –Session 27

Class WD-C27/M27 Module: host a website

Lecture Key Note For 2 Hours

​

Topic:

​

Implemented By Debasis Paul

10/3/2017

PHP 7

Total Session One

Total Time Two hrs.

• What is server side scripting?
• Introduction to PHP.
• How to use WAMP/XAMP.
• PHP syntax.
• Defining variable and constant.
• Functions in PHP.
• Project:  Installing WAMP/XAMP in localhost. Working with PHP syntax.

​

Implemented By Debasis Paul

10/3/2017

Day: 28^th –Session 28

Class WD-C28/M28 Module: PHP

Lecture Key Note For 2 Hours

​

Topic:

​

Implemented By Debasis Paul

10/3/2017

SQL

Total Session One

Total Time Two hrs.

• Introduction to RDBMS
• Connection with MySQL Database.
• Create a database in localhost.
• Making a login system in PHP.
• Project:  Creating a database and making a login system.

​

Implemented By Debasis Paul

10/3/2017

Day: 29^th –Session 29

Class WD-C29/M29 Module: SQL

Lecture Key Note For 2 Hours

​

Topic:

​

SQL Essentials Training Courses Module�

Implemented By Debasis Paul

10/3/2017

Understanding SQL

Database Basics

What is SQL?

​

Retrieving Data

The SELECT Statement

Retrieving Individual Columns

Retrieving Multiple Columns

Retrieving All Columns

​

Sorting Retrieved Data

Sorting Data

Sorting By Multiple Columns

Sorting By Column Position

Specifying Sort Direction

​

Filtering Data

Using the WHERE Clause

The WHERE Clause Operators

​

Advanced Data Filtering

Combining WHERE Clauses

Using the IN Operator

Using the NOT Operator

​

Using Wildcard Filtering

Using the LIKE Operator

Tips For Using Wildcards

​

Creating Calculated Fields

Understanding Calculated Fields

Concatenating Fields

Performing Mathematical Operations

Using Data Manipulation Functions

Understanding Functions

Using Functions

​

Summarizing Data

Using Aggregate Functions

Aggregates on Distinct Values

Combining Aggregate Functions

SQL Essentials Training Courses Module�

Implemented By Debasis Paul

10/3/2017

Grouping Data

Understanding Data Grouping

Creating Groups

Filtering Groups

Grouping and Sorting

SELECT Clause Ordering

​

Working with Subqueries

Understanding Subqueries

Filtering By Subquery

Using Subqueries As Calculated Fields

​

Joining Tables

Understanding Joins

Creating a Join

​

Creating Advanced Joins

Using Table Aliases

Using Different Join Types

Using Joins With Aggregate Functions

Using Joins And Join Conditions

​

Combining Queries

Understanding Combined Queries

Creating Combined Queries

​

Introduction of Database

Data model

Relational Model

Relational Keys

Integrity Constraints

Introduction of MySQL

Why MySQL?

Working with MYSQL Using PhpMyadmin

Installation

Types of tables

Datatypes and attributes

Security

Users

SQL: DDL

CREATE

ALTER

DROP

TRUNCATE

​

SQL: DML

INSERT

UPDATE

DELETE

SELECT

​

SQL: DCL

COMMIT

ROLLBACK

JOIN

SUBQUERY

​

Implemented By Debasis Paul

10/3/2017

Static Website To Dynamic

Total Session One

Total Time Two hrs.

• Converting static site to Dynamic with PHP.
• Use include function.
• Change all the contents from backend.
• Project:  Converting a static site to Dynamic.

​

Implemented By Debasis Paul

10/3/2017

Day: 30^th –Session 30

Class WD-C30/M30 Module: Static To Dynamic Website

Lecture Key Note For 2 Hours

​

Topic:

​

PHP and MySQL Essentials Training Module�

Implemented By Debasis Paul

10/3/2017

Understanding the Basic PHP Programming Language

• Embedding PHP Scripts
• Alternative Delimiters (Separators)
• Creating Variables and Setting Datatypes
• Storing Data in Variables
• Creating and Storing String Variables (Text)
• Working With Integers (Whole Numbers)
• Understanding Floating Point

Numbers (Decimals)

• Creating and Working With Boolean Values
• Creating and Storing Data Using Arrays
• Output Data to a Browser
• Using the print() Statement
• Working With the echo() Statement
• Using The printf() Statement
• Using The sprintf() Statement
• Commenting Your PHP Code
• Utilising Arithmetic Operators

​

Setting Up the Development Environment for PHP

• Intro to PHP, Apache and MySQL
• Production vs. Development Releases
• An Understanding of how PHP Works
• Server-Side Scripting vs. Client-Side Scripting
• Installing PHP, Apache, and MySQL for Production

​

• Utilizing Arithmetic Assignment Operators
• Utilizing Comparison Operators
• Utilizing Error Control Operators
• Utilizing Incrementing/Decrementing Operators
• Utilizing Logical Operators
• Understanding String Operators
• PHP Control Structures
• Returning Values from PHP Functions

​

PHP and MySQL Essentials Training Module�

Implemented By Debasis Paul

10/3/2017

Passing Information with PHP

Superglobal Arrays

Understanding Variable Scope

$GLOBALS

$_SERVER

$_GET

Retrieving URL Variables

$_POST

$_REQUEST

$_FILES

$_SESSION

Implementing session_destroy()

$_COOKIE

​

Working with MySQL Databases

• MySQL Data Storage – The Basics
• Manipulating MySQL Data in Tables
• Creating and Deleting Databases
• Using DROP to Delete a Database
• Using CREATE to Create a Database
• Using the CREATE TABLE Statement
• MySQL Data Types
• Understanding the PRIMARY KEY
• Understanding AUTO_INCREMENT
• MySQL Indexes
• The SELECT Statement
• The INSERT Statement

​

• The UPDATE Statement
• The JOIN Statement
• The DELETE Statement
• Opening a Database Connection
• PHP MySQL Extension
• Utilising The MySQLi Extension
• Using Prepared Statements
• Using MySQLi
• Using MySQLi Prepared Statements
• Using PDO (PHP Data Objects)
• Understanding Table Structures
• Planning Database Table Structure
• The (*) Selector

​

PHP and MySQL Essentials Training Module�

Implemented By Debasis Paul

10/3/2017

• Building the Entry Manager
• Planning the Entry Database Table
• Creating the Entry Input Form
• Create a PHP Script to Process Form Input
• Performing the Initial Verification Test
• Connect to the MySQL Database
• Separation of Database Credentials
• Database Connection Using update.inc.php
• Save Data to the Database
• Retrieve the Entry Unique ID
• Display the Entry to the User
• Display Saved Entries
• Planning Your PHP Scripts
• Logic Separation in Programming
• Function Mapping to Your Output Saved Entries
• Writing Database Functions
• Writing the Business Function
• Writing Presentation Code

​

• Support for Multiple Pages
• Add a Page Column to the Entries Table
• Accept Page Parameters in a Function
• Accepting Page Information Using the URL
• Filter Entries Using the Page Information
• Save Page Associations by Modifying admin.php
• Saving Page Associations
• Create Friendly URLs Using .htaccess
• Creating Your .htaccess File
• Automatically Create Friendly URLs
• Adding a Menu
• Creating Different Page Viewing Styles

​

PHP and MySQL Essentials Training Module�

Implemented By Debasis Paul

10/3/2017

Modifying Database Entries

Create Administrative Links

Displaying Administrative Links

Using admin.php with .htaccess to Pass URL Values

Modify the Original Admin Rule

Create New Admin Rule

Edit an Entry via Your Form

Updating Database Entries

Delete an Entry

Confirm Entry Deletion

Confirmation Form Submission

Removing Deleted Entries within the Database

​

Uploading Images

Add File Input to the Admin Form

Accessing an Uploaded Image File

Working with $_FILES Superglobal Array

Create the Image Handling Class

Saving Images

Error Checking Using Exceptions

File Saving

Change update.inc.php to Save Images

Using try...catch Statement with Exceptions

New Folder Creation

Renaming the Image File

Determining the Image File Extension

Storing Images in the Database

Retrieving Images from the Database

Adding a Function to Prepare Images for Output

Resizing Images

​

PHP and MySQL Essentials Training Module�

Implemented By Debasis Paul

10/3/2017

Blog Syndication

Creating an RSS Feed (Really Simply Syndication)

Describing Your Feed

Create a Feed Item

Publishing Your Feed

Adding a Feed to the Blog

​

Add a Blog Comment System

Create a comments Table

Building and Adding a Comments Class

Creating a Comment Entry Form

Storing New Comments in the Database Table

Retrieving All Comments for a Single Entry

Displaying Comments for a Single Entry

Deleting Comments from The Table

​

Implemented By Debasis Paul

10/3/2017

WordPress + Exam

Total Session Six

Total Time Twelve hrs.

• What is CMS?
• Introduction to WordPress.
• Creating database for WP.
• Installing WP.
• Overview of WP elements.
• Project:  Creating Database and Installing WP.

​

Implemented By Debasis Paul

10/3/2017

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

Day: 31^th –Session 31

Class WD-C31/M31 Module: Content Management Systems

Lecture Key Note For 2 Hours

​

Topic:

​

• Understanding the WordPress Dashboard.
• Pages, Tags, Menu, Media and Content Administration.
• Core WordPress Settings.
• Finding and Installing Plugins Quickly and Easily
• Recommended WordPress Plugins 
• Project:  Create a menu in WP. Add a new menu in WP. Installing plugin in WP.

​

Implemented By Debasis Paul

10/3/2017

Day: 32^th –Session 32

Class WD-C32/M32 Module: Content Management Systems

Lecture Key Note For 2 Hours

​

Topic:

​

• Understanding the Structure of WordPress Themes 
• Finding Themes and Choosing the Right One 
• Installing and Configuring Themes 
• Editing and Customizing Themes 
• Using Theme Frameworks and Parent-Child Themes 
• Theme Best Practices
• Using page builder in WP.
• Project:  Working with theme in wp.

​

Implemented By Debasis Paul

10/3/2017

Day: 33^th –Session 33

Class WD-C33/M33 Module: Content Management Systems

Lecture Key Note For 2 Hours

​

Topic:

​

• Overview of WP.
• Final Exam.

​

Implemented By Debasis Paul

10/3/2017

Day: 34^th –Session 34

Class WD-C34/M34 Module: Content Management Systems Project

Lecture Key Note For 2 Hours

​

Day: 35^th –Session 35

Class WD-C35/M35 Module: Content Management Systems + Exam

Lecture Key Note For 2 Hours

​

 Hands on live Project in WP (Complete a website)

​

Topic:

​

Topic:

​

WordPress Essentials Training Courses Module�

Implemented By Debasis Paul

10/3/2017

Introduction to WordPress

WordPress Setup

Using a WordPress Installer

Setting up The Database

Installing WordPress

​

The WordPress Environment

An Overview of How WordPress Works

Navigating the WordPress Dashboard

Importing and Exporting Your Site Content

Backing up Your Site Content

Updating WordPress

​

WordPress Settings

General Settings

Writing Settings

Reading Settings

Discussion Settings

Media Settings

Privacy settings

Permalink Settings

​

Managing Accounts

Configuring Your Account

Managing Other User Accounts

​

Working with Media

Working with the Media Library

Uploading and Managing Video Files

Uploading and Managing Audio Files

​

WordPress Essentials Training Courses Module�

Implemented By Debasis Paul

10/3/2017

Managing Comments

Enabling and Disabling Comments

Moderating Comments

Fighting Spam with the Akismet Plugin

​

Syndication

Setting up RSS Feeds

Displaying RSS Feeds

Setting up Subscriptions

Using Google FeedBurner

​

Working with Plug-ins and Widgets

Widgets vs. Plug-ins

Difference Between Widgets and Plug-ins

Using Widgets

Using Plug-ins

Upgrading a Plug-in

​

WordPress Theme Customisation

WordPress Default Theme

Browsing for New Themes

Editing a Theme

Setting Up Menus

Using Post Formats

​

More on Themes

Customising a Theme with CSS

Adding a Site Favicon

Editing the WordPress Functions File

​

Implemented By Debasis Paul

10/3/2017

Outsourcing Marketplace Feverr

Total Session One

Total Time Two hrs.

• Introduction to fiverr.
• How to create a fiverr account?
• Gigs setting techniques.
• Buyer request.
• Working with Payment method.
• Certification & Closing ceremony.
• Project:  Opening a fiverr account.

​

Implemented By Debasis Paul

10/3/2017

End Of 36 Session

Day: 36^th –Session 36

Class WD-C36/M36 Module: Fiverr

Lecture Key Note For 2 Hours

​

Topic:

​

Implemented By Debasis Paul

10/3/2017

72 hrs. & 36 Sessions-Module Preview

OF

Implemented By Debasis Paul

10/3/2017

Meet The Personality

Web Designer Trend:

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.

Implemented By Debasis Paul

10/3/2017

Mr. Debasis Paul

Senior Trainer (Digital Design)

Mr. Debasis Paul has Over 12+ years of experience in Training of Architectural and Interior Visualization, Web & Graphics Designing & Multimedia.

• Experienced in IT, WEB & Communication Technology sector since 2004
• 12+yrs of Professional Experience in Web Design & Development, Software & Web base Solutions
• 12+ Years of WEB & IT TRAINING Specialization

Implemented By Debasis Paul

10/3/2017

Web Designing Course By Debasis Sir

​

Web Designing Course Reviews

web designing training in Dhaka Average of 4.9 out of 5 based on 584 Votes.

Every business today has a website of its own. It has become a necessity for people to have their websites to do business globally. Reaching out to the masses in the easiest way is through websites. Web Designing Institutes in Dhaka are in abundance. Then how is Debasis Sir different from them? Well its simple, we update our syllabus every 3 months. Yes!! We take utmost pride to say that the syllabus we have for web designing is the most updated in terms of market trends. Mobile friendly websites are a boom in the industry today. Learn how to make those and how to create a website in 2 days with this course.

Additionally, this is a 100% job guaranteed course. Which means, we give you job after the course is complete (sometimes even when the course is ongoing). If we fail to do so, we give you your money back. YES!! !00% Money back guarantee on stamp paper

​

Implemented By Debasis Paul

10/3/2017

Portfolios of some students

• https://www.upwork.com/freelancers/Web-Design-Redesign-Wordpress-Pro-SEO-Expert-HTML-CSS_~01919bd97feb32df2d?tot=101&pos=7
• https://www.upwork.com/freelancers/~0107ff6da66bac8dd2
• https://www.upwork.com/freelancers/~01ca2e0950522219f5
• http://www.samiradoshi.in/
• http://www.adityabhosale.in/
• http://www.dimplepatel.co.in/
• http://www.mayureshbakshi.in/
• http://www.sachinr.in/
• http://www.prashantmane.in/
• http://www.diptik3.co.in/
• http://www.asavarikulkarni.in/
• http://www.apsarashaikh.in/
• http://www.aartiandhale.co.in/

Why IT training By Debasis Paul Sir

You will get complete support after completion of your course.

Your knowledge will be as good as one year experienced professional.

You get intensive, hands-on experience learning from professionals.

We provide in-depth demonstrations on every aspects of course topics.

Also we offer internship in our sister companies for talent.

​

Follow Me On:

FB: https://www.facebook.com/iamdebasispaul

Twitter: https://twitter.com/imdebasispaul

LinkedIn: www.linkedin.com/in/debasispaul

Google+ : https://plus.google.com/u/0/+DebasisPaulbd

Implemented By Debasis Paul

10/3/2017

Topics covered in Web Designing Course:

Updated on 1^St October 2017

​

1. Graphics Basics of Graphics, Scope and Opportunities, Typography, Color Harmony, Color Wheel, Adobe Photoshop, Adobe Illustrator, Brand Designing, Logo Designing, Emblem Designing, Icon Designing, Small Ads, Cards, Paper Ads, Brochure Designing, Web Banner
2. Prototyping Visualizing a website, Defining the basic elements of a website on paper, Considering User Friendliness, Mobile friendliness.
3. Design Principles UI design, Aesthetic design, Visual branding, Graphic elements, Typography, Iconography, User analysis, Conceptual design, etc.
4. Wire Framing A wireframe is a visual guide that represents the skeletal framework of a website. It has three main components: information design, navigation design, and interface design. It is also known as a page schematic or screen blueprint.

​

1. Dreamweaver Detailed introduction on Dreamweaver and its setup. Also, you will learn about Dreamweaver tools, Ways of using Dreamweaver and Image in Dreamweaver.
2. HTML / HTML5 HTML5 / HTML5: Introduction to HTML and learn about HTML entities, Events in HTML, Whitespace & comments, Block & Inline tags, Image & Text, Introduction to HTML5, Elements in HTML5, Tags & Attributes in HTML5, HTML references, HTML forms.
3. CSS / CSS3 CSS stands for Cascading Style Sheets. Detailed introduction on CSS and will learn about Syntax, Rules, Fonts, all the Fundamentals and References of CSS. You will also learn CSS3 in which you will have its introduction, properties and browser support.
4. JavaScript Learn how to embed JavaScript in HTML headers. Creating a Dynamic HTML. Basic Js / Data Validation / Advance Js.
5. jQuery Learn about jquery Syntax and jQuery Selector. Fundamentals of jQuery like event, slider, etc. and JQuery References like events, effects, selectors, etc,data validaion using jQuery.
6. jQuery AJAX

​

Implemented By Debasis Paul

10/3/2017

1. PHP Forms Basics of PHP,get,post,fetching data from a form display in Html,send form data as email.
2. Responsive Web Designing What is responsive? Why is it important? Benefits, need, limitations, Media Queries
3. Bootstrap CSS Overview, Grid system, Typography, Code, Tables, Forms, Buttons, Images, Responsive utilities
4. Bootstrap Components Overview, Dropdowns, Buttons, Input, Nav, Glyphicons, Breadcrumbs, Thumbnails, Alerts, Lists, Panels
5. Bootstrap JS Overview, Transitions, Modal, Dropdown, Tab, Popover, Alert, Button, Collapse, Carousel
6. Content Management System (CMS): Introduction to WordPress
7. On-page SEO SEO and learn about Content, Keyword, Page title, Meta tags, Heading tag, Internal link and URL structure of the web page.
8. Introduction to AngularJS
9. Project
10. Portfolio Creation
11. Soft Skills, Interview Techniques and Aptitude Tests

​

***The topics mentioned above are just the short outline of the syllabus. If you feel that we have missed any topic, you can always come to us and learn it, or just call us to confirm.

Pre-requisites to enroll for Web Designing Course:

It is a career building course. Thus, everything will be taught from basic level. You don't need to have proficiency in any programming language or any mastery in drawing & sketching.

Web designing course duration: 72 hrs. To 240 hrs.

Topics covered in Web Designing Course:

Updated on 1^St October 2017

​

Implemented By Debasis Paul

10/3/2017

Training Approach By Debasis Paul

CUSTOMIZED / TAILOR-MADE TRAINING

Training that is custom made to suit the needs and budgets of the trainees. The training program is organized according to the outcome of a needs analysis. The type of needs analysis is determined in consultation with the project administrator. �A participatory approach to training is applied. This means that the trainees have significant influence in choosing the “modules, resource persons, institutions, methods, etc.” to suit their needs. �Since the training programs are customized specifically for a particular group, the trainees / officials have a scope to change the focus and depth of the program.

TRAINING METHODS ARE COMMONLY USED IN

A.         Class room setting�B.         Practical setting�C.         Evaluation Setting�D.         Documents for Training

Debasis Sir as been starting his service with Information Technology since 2004 both in rural and urban areas targeting to explore youth skill development and employment generation through Training as well as spreading IT, software & Web technology usage at village level especially in school & college, offices, and to rural youth.

Implemented By Debasis Paul

10/3/2017

A. CLASS ROOM SETTING

Debasis Sir puts a lot of emphasis on participatory, explorative and analytical training methodologies in conducting a classroom based session. Some of the classroom based training methodologies are mentioned below.

• Lecture�A prepared oral presentation delivered oral presentation delivered by a resource person to group participants.
• Discussion�A discussion is an exploration of specific topic by group. Discussions are most effective in- groups 10- 18 participants.
• Buzz Group�A large group divided several small groups of four to six people discuss a topic or perform a task, usually in less than 10 minutes.
• Brain storming�Brainstorming is a problem – solving approach in which participants are given a problem and asked to bring into the discussion any idea that come to mind, no matter how outlandish.
• Fishbowl�A fishbowl is a discussion group that is divided in to parts; the inner circle, consisting of four or five people who discuss a topic and the outer group consisting of up to20 people observe.

​

Implemented By Debasis Paul

10/3/2017

• Case study�A case study is an oral or written account of a realistic situation, including sufficient detail to make it possible for the participants to analyze the problems with which they must attempt to deal.
• Role playing �A strategy of human interaction involving realistic behavior in non-job setting. Two or more role players are presented with a hypothetical problem or conflict with which they must attempt to deal.
• Incidental process�The Incidental process is a variation of the case study method . participants are presented with an incident that is short and lacking in detail.
• In- Basket�The In- Basket is a timed Variation of a case study. Usually there is a group discussion of selected items.
• Action Maze�A printed description of an incident for analysis, followed by a list of alternative action. Each choice directs the participants to a new page, which given the result or that action and a new alternative from which to choose.
• Delphi Technique�A strategy that employs a number of experts who independently without Knowing whose opinion is this or stat , offer judgments on specific questions on two or more successive occasions.

Implemented By Debasis Paul

10/3/2017

B) PRACTICAL SETTING

The practical based training methodologies are mentioned below

• Demonstration�A technique that shows how something works or gets done. It is intended to illustrate or clarify an idea, process or relation.
• Simulation �Simulation is a representation of a real situation- usually requiring appropriate action and reaction or a situation requiring the demonstration of technical expertise. For some, learning simulations offer involve the use of computers of other machinery. Simulation may be relatively simple or quite complex.
• On the job�This process is to analyze the task the trainee is to learn and to construct a task breakdown. This is probably the most effective training methodology.

​

C) EVALUATION SETTING

Debasis Sir does three types of extensive evaluation to prepare Evaluation report. �Evaluation of Overall Course:�Course venue, facilitators, course modules, training sessions, etc.�Evaluation of Trainers:�Knowledge and communication skills of trainers, modules, understanding of modules, attitude to the participants, overall program conduction, etc.�Evaluation of Trainees:�Ability of trainees to learn, responsiveness, learning etc.

Implemented By Debasis Paul

10/3/2017

D) DOCUMENTS FOR TRAINING

Implemented By Debasis Paul

10/3/2017

Debasis Sir In-Country Training Experience at a Glance