Professional Web Design & Development

3d-illustration-web-development-concept-programming-coding_250043-330

CLASS- 01

1.    Introduction to web design.

2.    Hand sketch & wire framing. 

3.    Story Board (how to think).

4.    Website designing tools/software.

5.    Environment Setup.

7.    Creating file/Startup package.

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

 

CLASS- 02

HTML & Browser

2.    HTML Syntax

3.    Head & Body Section

4.    Basic tags

5.    HTML Element & Attributes

6.    Commenting in HTML

Project: Creating a web page with proper HTML syntax & upload it to google drive.

 

CLASS- 03

1.    List in HTML

2.    What is table?

3.    Table Head and Body Content

4.    Table Row and Column

5.    Nested table 

6.    Layout with table

Project: Creating a webpage layout with table

 

CLASS- 04

1.    Introduction to form

2.    Form Elements

Input types & attributes

4.    Form Arrangement & decoration

5.    Different types of image in HTML

6.    Iframe in HTML

7.    Audio and Video Controlling

8.    Embedded video from youtube

9.    GIF animation embedded

Project: Creating a webpage where image, audio, video and gif animation will be embedded and a register Form.

CLASS- 05

 Introduction to CSS(Cascading Style Sheet)

2.    Syntax of CSS

3.    How to Link CSS(Inline/Internal/External)

Important property of CSS

5.    Layout concept in CSS

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

 

CLASS- 06

1.    Introduction to Selectors

2.    Universal & Element type Selector

3.    ID vs Clas 

4.    Descendant selector

5.    Child, Attribute, Pseudo selector

6.    Selectors grouping

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

CLASS- 07

1.    Flex box

2.    Styling text

3.    Fonts & Icon

4.    Creating a menu

Project: Creating a menu with icons, styling text and fonts.

 

CLASS- 08

1.    Position

2.    Floats

3.    Input box styling

4.    Background Image

5.    Dropdown menu

Project: Creating a website with actual positioning

 

CLASS- 09

1.    Introduction to lovable CSS

2.    Border and rounding corners

3.    Gradient and shadow

4.    Transition and transformation

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

CLASS- 10

1.    Overview of Responsive Web Design(RWD)

2.    Working with view point

3.    Practicing media queries

4.    RWD Frameworks

Project: Enable a website for mobile responsive view

CLASS- 11

Live project with HTML and CSS

 

CLASS- 12

1.    Introduction to Javascript(JS

2.    What can’t you do with JS?

3.    JS basic syntax

4.    Variable in JS 

5.    Operator, Data type and Function in JS

6.    Commenting in JS

Project: Playing with JS syntax

 

CLASS- 13

1.    Array in JS

2.    Concept of Objects.

3.    JS conditions (if,else)

4.    DOM in JS

5.    Making a live Digital clock using JS

Project: Practicing JS with programming concept.

CLASS- 14

1.    Date format in JS

2.    Form validation technique 

Project: Completing form validation in JS

 

CLASS- 15

1.    Introduction to jQuery

2.    jQuery Selectors 

jQuery and DOM

4.    jQuery and Event

Project: Working with jQuery

 

CLASS- 16

1.    Introduction to jQuery effects

Hide, Show, Fade, Slide in jQuery

3.    Animation in jQuery

4.    Creating a responsive menu using jQuery

Project: Practicing jQuery methods and creating a responsive menu, Implementing a slider in jQuery.

CLASS- 17

1.    Introduction to Bootstrap Framework (BS)

2.    How to install BS

3.    Great Grid System

4.    Understanding Device Screen Size

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

 

CLASS- 18

1.    BS Table

2.    BS Form

3.    BS Button

4.    BS Image responsive

5.    BS Card

Project: Creating table, register form using BS Classes.

CLASS- 19

1.    BS Modal

2.    BS Scrollspy

3.    BS tab and Tooltip

4.    BS Carousel

5.    BS Accordion

Project: Complete a webpage with BS.

 

CLASS- 20

1.    What is Photoshop(PS)

2.    Basic concept of PS 

3.    How to use PS tools?

4.    PSD fonts, color and layer concept

5.    Image slicing in PS

6.    PSD to HTML converting techniques.

Project: Slicing image from a PSD template.

 

CLASS- 21

Landing Page Design

CLASS- 22

Converting portfolio PSD template to HTML

CLASS- 23

Converting multipurpose business PSD template to HTML

CLASS- 24

1.    What is Outsourcing 

2.    How to open an account in freelancer.com/ upwork.com

3.    Cover latter writing

4.    Finding jobs & facing interview

5.    Proper Communication with clients

6.    Payment method

Project: Creating an account in marketplace

 

CLASS- 25

1.    What is server side scripting?

2.    Introduction to PHP

3.    How to use WAMP/XAMPP

4.    PHP syntax

5.    Defining variable and constant

6.    Function in PHP

Project: Installing WAMP/XAMPP in localhost, working with PHP syntax

CLASS- 26

1.    Introduction to SQL

2.    Connection with MySpl Database.

3.    Create a database in localhost.

4.    What is table in Database. How to create a tabel?

5.    Basic Queries Of SQL.

Project: Creating a database   

CLASS- 27

1.    Live PHP coding with database.

2.    How to insert data into Database

3.    How to show data in webpage from Database.

Project: Creating a Database and insert data into the Database.

 

CLASS- 28

1.    What is CMS?

2.    Introduction to WordPress.

3.    Creating database for WP.

4.    Installing WP.

5.    Overview of WP Dashboard.

Project: Creating Database and Installing WP.

CLASS- 29

1.    How to install a WP thems.

2.    Customize the theme.

3.    Creating an one page Template with WordPress theme.

Project: Customize a WP theme.

 

CLASS- 30

1.    What is Plugin in WP

2.    How to install a Plugin

3.    Working with WP Plugins.

4.    Working with visual Composer.

Project: Working with Plugins in WP.

 

CLASS- 31

1.    Hands on live Project in WP (Complete a Website).

CLASS- 32

1.    What is domain and hosting?

2.    Introduction to cpanel.

3.    Overview of webmail.

4.    How to host a website in server?

5.    Creating a database in live server.

Project: Host the website in live server. Creating and accessing webmail.

1.     

CLASS- 33

1.    Introduction to fiverr.

2.    How to create a fiverr account?

3.    Gigs setting techniques.

4.    Buyer request.

5.    Payment method 

Project: Opening a fiverr account.

1.