DIPLOMA IN OFFICE MANAGEMENTlambda.edu.pk/wp-content/uploads/2018/02/Dynamic-Web-Developm… · • Port Folio & Viva 50% Teaching Aids Books / Training Material (English & Urdu)

\

DIPLOMA IN DYNAMIC WEB DEVELOPMENT

OBJECTIVE The Website Development Courses in Karachi offered by our institute not only educate you about all the basics of website development but also arm you with the necessary skills that can help you land a job in the field of website development. Unlike other programs our Website Development Courses in Karachi have a unique blend of different web development language from HTML5 to CSS3 and from JavaScript to jQuery. The program we offer is in-depth and allows you to learn everything

Covering Modules

• Adobe Photoshop CC

• Adobe Dreamweaver CC

• HTML5, SEO

• CSS 2.0, 3.0

• Java scripting, jQuery

• PHP & MySQL

• WordPress + Woo Commerce

• Bootstrap

• Final Project

SKILL DEVELOPMENT COUNCIL

LAMBDA Consulting Group training partner institute of

1

Dynamic Web Development

Page 1 of 13 LAMBDA Consulting Group

Legendary Academy of Management Business Development Advisories

Lambda Management house adjacent to habitt NIPA Suite # M01, Sapna Castle Block-5 Gulshan-e-Iqbal Rashid Menhas Road

Karachi Gulshan-e-Iqbal Block 13-A. (021) 4811720, Cell: 03018223396-97,0343-2097164

Structure of Course

❖ A candidate having H.S.C. & DAE, Pass or equal Certificate will be eligible to admit in the said Diploma Course.

01 Course Duration Six Months 02: - Examination

❖ The candidate would be submit Project/assignment of Website include scripting PHP code to the institute and institute would be responsible to submit the same at the time of final examination.

❖ Internal Exam conducted by the institute before final Exam to SDC Karachi. ❖ Eligibility of student for final test and viva on the basis of their Project/Assignment. ❖ Final Exam shall be conducted by the Board (Skill Development Council Karachi.).

03:- Passing Marks ❖ On-Line Theory:

o Knowledge 50% ❖ Practical / Skill

• Port Folio & Viva 50%

Teaching Aids

❖ Books / Training Material (English & Urdu) available in Market.. ❖ Video CD on the subject.

Fee Structure ❖ Monthly Fee Rs.3000/- ❖ SDC Share Rs.1500/-

(Trainee to be paid at the time of submitting of Examination forms.) ❖ Admission Fee Rs.1000/-

(Institute may charge up to as admission fee)

http://techterms.com/definition/php






HTML – 5 & SEO

▪ Introduction to webpage, web browser & HTML

▪ The Structure of HTML o What are HTML Elements o What are Empty Elements o How to make a simple HTML Page(Basic Page

structure)

• <doctype><html><head><title><body>

• Reason for using doctype

• Basic HTML tags e.g. <h1> to <h6>, <p>,<br><hr>

o Formatting Tags

• Italic & Bold or Strong & Emphasize

• Blockquotes

• Difference between Block & Inline elements(using <div> and <p>

• Attributes of HTML tags using <body><h1><p>

• Id’s & Classes in HTML elements

• List and its types(<ol>,<ul>,nested list, Description Lists(dl,dt,dd)

o Hyper Link

• (<a>) at its attributes

• image(img) tags with their attributes o Tables

• <table><tr>,<td>,<th>

• Table attributes, <colspan>, <rowspan>

• Thead & tbody

• Changing Column Width

• Cellpadding & Cellspacing o HTML Forms

• Introduction to Forms

• Creating First Form

• Simple Input controls, textbox, submit button, reset button, radiobutton, checkbox, Textarea

• Dropdownlist - <select> & <option> tags

• Attributes used for sending the Data—action and post ▪ Grouping with the fieldset tag <fieldset>

, <legend>, <label>.

▪ HTML5 form validation o Validating Textbox o Validating email addresses o Validating URL’s o Validating phone numbers o Validating dates o Placeholder Text o Numbers as spinboxes

▪ Semantic HTML5 Section Tags

o Introduction & purpose of Semantic HTML5 elements

o <header> o <Nav> o <Section> o <aside> o <article> o <hgroup> o <footer>

▪ <address>

▪ Media

o Audio o Video

▪ SEO (Search Engine Optimization)

o How Do Search Engines Work?

• Introduction to Search Engines

• Links

• Indexing

• Retrieval

• Ranking

• Layers o On Site Optimization

• What is on Site Optimization

• On Site Factors

• Meta Tags

• Keyword Density

• Image Alt Text

• Internal Linking

• SEO Copywriting (Content Optimization) o Off Site Optimization

• What is Off Site Optimization

• Offsite Factors

• Links

• Anchor Text

• Anchor Title o EO Facts and Figures

• How important is SEO Today?

• Search is Still the Biggest Game in Town

• Internet Visibility

http://www.html5-tutorials.org/forms/multiline-textboxes-textarea/

http://www.html5-tutorials.org/form-validation/validating-phonenumbers/

http://www.html5-tutorials.org/form-validation/validating-dates/

http://www.html5-tutorials.org/form-validation/placeholder-text/

http://www.html5-tutorials.org/form-validation/numbers-as-spinboxes/

http://seo-hacker.com/search-biggest-game-in-town/






CSS 2.0 & 3.0 (CASCADING STYLES SHEET)

• CSS introduction o Css types o Class and id o Difference between class and id o Methods for applying css to your web page o Difference between table base and div base

conversion

• CSS with Dreamweaver

• Cascading style sheets o Creating a style rule for a tag o Dreamweaver CSS categories o Creating a custom class o Creating advanced selectors o Working with the CSS styles panel o Applying styles

• Working with links o Creating text links o Changing link relative to o Formatting links o Targeting links o Adding named anchors

o Adding links to graphics o Adding email link

• Working with images o Adding images o Adding image placeholders o Aligning images o Setting image properties o Editing images o Adding a background image o Creating image maps

• Working with div o Creating a div o Creating nested div o Applying id and class in div o Formatting div

• Page layout o Positioning page content o CSS layout basics o Using the included layouts o Laying out your page o Using the visual aids

• Templates o Creating a template o Using preset layouts o Adding editable regions o Applying a template to a page o Updating templates

• Using forms and fields o Adding a form to a page o Adding text fields o Adding a text area o Adding check boxes o Adding a field set o Adding a radio button group o Adding a list/menu o Adding a button

• CSS3 Modules ▪ Borders

• border-radius

• box-shadow

• border-image ▪ Backgrounds

• background-sizeProperty

• background-originProperty ▪ Gradients

• defines two types of gradients: • Linear Gradients (goes

down/up/left/right/diagonally) • Radial Gradients (defined by their

center) ▪ CSS3 Text Effects

• text-shadow

• word-wrap ▪ Text Properties ▪ Web Fonts ▪ Animations






ADOBE PHOTOSHOP CC

▪ Introduction to Adobe Photoshop

o What is Photoshop? o Opening and Saving Files

▪ Concepts of Vector and Bitmap Graphics

o Definition of Vector and Bitmap Graphics o Tools for Vector and Bitmap Graphics o File types required for World Wide Web

▪ Concepts of Web Safe Color and web document size o Definition of the Web Safe Color o Hexadecimal Color code techniques o Web page size concepts o Web page layout concepts

▪ Photoshop CC Interface ▪ The Toolbox

o Selection Tools o Painting Tools o Path Tools o Type Tool o Shape Tools o Viewing Tools o The Tool Options Bar o Review Questions

▪ Working with Drawing Tools

o Working with the Bitmap Tools o Working with the Vector Tools o Drawing basic shapes o Drawing freeform paths o Drawing paths by plotting points o Editing the points o

▪ Layers o Using Layers o Working With Multiple Layers

▪ Working with Selecting, Grouping and

Stacking o Making selection in Vector Mode o Grouping Objects o Using the Layers Panel o Using Single Layer Editing o Changing the Stacking Order of Object in a

layer. o Using the Select Behind Tools

▪ Working with the Color, strokes and Fills o Using the color section of the tools panel o Organizing the swatch groups and color

models o Using Color boxes and pop up color

windows o Working with strokes o working with Fills o Applying Gradient and Pattern Fill o Applying texture to Fill and Strokes

▪ Using the Live Effects

o Applying the Beveled Edges o Applying the Embossing o Applying shadows and glows o Reordering the live effects o Removing live effects o Creating custom live effects o Saving live Effect as command

▪ Using Text Tool

o Entering Text o Editing Text o Applying strokes, Fills and effects to text o Attaching text to path o Transforming text o Converting text to path o Importing text and checking spellings o Text Editing with text editor

▪ Improving Images with Filters o Sharpen Filters o Blur Filters

▪ Altering Images with Filters

o Artistic Filters o Brush Stroke Filters o Sketch Filters o Distort Filters

▪ Transformations

o Resizing o Rotating o Flipping o Selection Transformations o Liquify






ADOBE DREAMWEAVER CC

▪ Concepts of Markup, and Script Languages

o Introduction to Markup and Script Languages

o Introduction to HTML o Cascading Style Sheets

▪ Introduction to Web Page Authoring Tools o Authoring Tools/Application for HTML o Introduction to Home Site and FrontPage o Introduction to Dreamweaver

▪ Dreamweaver Basics o Exploring the Workspace o Planning and Setting up Site o Managing the Site o Setting up a document

▪ Working with Page Code o Setting up your coding Environment o Coding in Dreamweaver o Optimizing and Debugging Code o Editing Code in Design View

▪ Designing the Page Layout o Presenting Content with tables o Layout Pages in Layout View o Working with Frames

▪ Adding Contents

o Inserting and Formatting Text o Inserting Images o Dreamweaver Integration with Other

Applications o Inserting Media

▪ Working with Multiple Pages o Linking and Navigation o Managing Site Assets, Libraries and

Templates o Testing a Site

▪ Creating Forms

o HTML forms basics o Creating forms with notepad o Creating Forms in Dreamweaver o Form processing

▪ Creating Buttons and Popup Menus

o Creating Button Symbols o Creating Navigation Bar o Creating Popup Menus o Preparing slices for export o Working with Hotspots and Image Maps






JAVA SCRIPT J-QUERY

▪ A brief Introduction to static web page,

dynamic web page ▪ What is script( scripting language) ▪ Types of script( client side and server side) ▪ Introduction to JavaScript ▪ script type="text/JavaScript"> ▪ 3 methods to use JavaScript

o Within body o Within head

▪ Within separate file ▪ Java script comments( / and /* */) ▪ Variable

o Declaration o Initialization o Using variable and simple data types

▪ Operators and its types

o Assignment operator (=) o Arithmetic Operators (+, -, *, /, %) o Increment / decrement operator (++, --) o Assignment Operators (+=, -=, *=, /=, %=) o Logical Operator (&&,||) o Comparison Operator (<, <=, >, >=,

==, !=)

▪ Popup boxes ▪ Conditional Statements( if, if else, if else if,

select case) ▪ String Function ▪ Using JavaScript with HTML forms (e.g.:

simple calculator) ▪ Looping and its types

o For o While o Do while

▪ Array o Use for loop with array

▪ Date Object

▪ Simple Validation using JavaScript

o Validate empty textbox o Validate text length o Compare password o Validate email

▪ What is JQuery ▪ Downloading jQuery ▪ jQuery Syntax

o Introduction to $(selector).action() o Using The Document Ready Event

▪ jQuery Selectors o The element Selector o The id selector o The class selector

▪ jQuery Syntax For Event Methods ▪ Commonly Used jQuery Event Methods

o Click o Mouseenter o Mouseleave o Mousedown o Mouseup o Hover o focus

▪ jQuery Effects – o Hide, o Show, o toggle, o Fading methods, o sliding Methods

▪ jQuery Effects –Animation(The animate() Method, Stop() Method)

▪ Remove Elements/Content ▪ JQuery CSS classes






WORDPRESS

▪ Getting Started with Word Press

o Introduction to Blog o Blogging Basics o Types of Blogs o Why Use Word Press

▪ Installing Word Press

o Creating a Database for Your Website or Blog

o Admin / Dashboard Panel Basics

▪ Creating a Database for your Website or Blog o Admin / Dashboard Panel Basics o Installing your Theme o Minor Alteration / Customization of

Themes o Writing your First Post o Updating Personal Settings o Updating Profile o Edit General Settings o Changing Template o Adding a Post o Using the Visual Editor o Adding Hyperlinks o Using Categories and Tags o Managing Categories and Tags o Changing your Writing and Reading Settings o Managing and Moderating Comments o Discussion Settings

▪ Adding and Deleting a Page

o Paste Copy From Word o Paste as Plain Text o Changing the Page Order o Adding a Photo o Adding a Video o Adding Other Content (.Pdf, .Doc, Etc.) o Managing Uploaded Content o Media Settings o Changing The Header Image / Logo Image o Customizing your Sidebar with Widgets o Managing Recent Comments o Installing Google Analytics on your Website

or Blog

▪ Splitting the Code into Templates o Single Post Page Template o Adding a Comment Form o Creating the Page Template o Adding new Pages o Inserting Images o Creating Custom Theme Functions o Adding Widgets to Sidebars o Installing an Image Widget o Adding a Contact Form Plugin o Exporting the Local Database o Backing up your Database o Making a Back-Up of your SITE






Introduction to WooCommerce

Requirements of WooCoomerce

Understanding WooCommerce

Basics

Installing the WooCommerce Plugin

Configuring WooCommerce

General Settings

Basic Settings Wizard

Products and Categories

Setting up Product Categories

Setting up Product Attributes

Manually Creating Products

Importing Products Via CSV Files

WooCommerce Pages

Base Pages for WooCommerce

Modifying WooCommerce Pages

Adding New Pages in

WooCommerce

My Account Settings and Pages

Shipping Methods and

Configuration

Understanding How WooCommerce

Handles Shipping

Settings Up Fixed Price Shipping

Sales Tax and WooCommerce

Understanding How WooCommerce

Handles Sales Tax

Setting Up Sales Tax Rates

Taxable vs. Non-Taxable Product

Settings

My Account and Customer

Email and Notification

Understanding Email Settings

Modifying Email Content

Order and Backorder Emails

Updating Customer Email Settings

Reporting with WooCommerce

Understanding the Basic Reporting

with WooCommerce

Creating Custom Reports for Sales

Creating Stock and Order Reports

Exporting Data from

WooCommerce

Advanced Shipping Configuration

Extending Shipping with Real Time UPS,

Setting Up Shipping Rates

WOOCOMMERCE

Professional Diploma in IT



Suit # Base 01, Crown Square (Telenor Franchise) near Usmania Restaurant University Road

Gulshan-e-Iqbal Block 13-A. (021) 32070668, 34811720, Cell: 0343-2097164

PHP Programming

▪ PHP Basics o How PHP Works o The PHP.INI File o Basic PHP Syntax

• PHP Tags

• PHP Statements And Whitespace

• Comments

• PHP Functions o Variables

• Variable Types

• Variable Names (Identifiers)

• Type Strength

• Variable Scope

• Super globules

• Constants

• Variable-Testing And Manipulation Functions

o PHP Operators o Creating Dynamic Pages

▪ Flow Control

o Conditional Processing

• If Conditions o If Conditions o Loops

• While

• Do...While

• For

• Break and Continue

▪ Arrays o Enumerated Arrays

• Initializing Arrays

• Appending To An Array

• Reading From Arrays

• Looping Through Arrays o Initializing Arrays o Appending To An Array o Reading From Arrays o Looping Through Arrays o Associative Arrays

• Initializing Associative Arrays

• Reading From Associative Arrays

• Looping Through Associative Arrays

• Super global Arrays o Initializing Associative Arrays o Reading From Associative Arrays o Looping Through Associative Arrays o Super global Arrays

o Two-Dimensional Arrays

• Reading from two-Dimensional Arrays

• Looping Through two-Dimensional Arrays o Reading From two-Dimensional Arrays o Looping Through two-Dimensional Arrays o Array Manipulation Functions

▪ PHP And Html Forms

o Html Forms

• How HTML Forms Work

• A Sample HTML Form

• Form Variables

▪ String Manipulation o Formatting Strings

• Concatenation

• String Manipulation Functions

• Examples of String Functions

▪ Reusing Code and Writing Functions o Including Files

• Require

• Require Once o Form Processing o Code Organization

▪ Session Control and Cookies

o Sessions

• Configuring Sessions

• Session Functions o Configuring Sessions o Session Functions o Cookies o Conclusion

▪ Sending Email with PHP

o Mail()

• Shortcomings of Mail() o Shortcomings of Mail() o Phpmailer






MySQL

▪ Getting Started o Database concepts and DBMS & RDBMS o Editions of MySQL o Installing MySQL

▪ Creating Databases o Planning your database o Creating a database o Creating tables o Data types in MySQL o Defining keys and Identity Specification o Creating default values o Introduction to relationships and foreign

keys o Creating relationships in MySQL

▪ Database Normalization o Introduction of Normalisation (or

Normalization)

▪ CREATE, INSERT, UPDATE and DELETE Statements o Introduction to mySQL and Transact-SQL o Create and Drop Databases using T-SQL o Creating Tables using T-SQL o Removing a table from a database o INSERT statements o UPDATE statements o DELETE statements

▪ Retrieving Data with SQL o Introduction to Transact-SQL o Using SELECT statements o Using WHERE for filtering o Using ORDER BY for sorting o Using DISTINCT to find unique values o CASE Statement/Expression

▪ SQL Functions o Using string functions o Using date and time functions

▪ Inserting and Updating Data

o Writing INSERT statements o Writing UPDATE statements

Writing DELETE statements

▪ Retrieving Data with Advanced T-SQL o Using Aggregate functions o Using GROUP BY clause o SQL HAVING Clause o Joining multiple tables together

Inner Joins

Outer Joins: LEFT, RIGHT & FULL

Cross Joins

Self-Join

Joining More Than Two Tables o Using Subqueries






BOOTSTRAP

o Goals of Bootstrap

o Obtaining Bootstrap

o Overview of how to use Bootstrap in a Web app

• The Bootstrap Grid System

o Overview of Grids in Bootstrap o The role of Media Queries o Grid options o Targeting different devices (Desktop / Mobile) o Column techniques

CSS Techniques

o HTML5 doctype and viewport meta-tags o Containers o Responsive images o Normalization

Typography

o Headings o Inline Headings o Emphasis o Abbreviations o Lists o Additional techniques

Tables

o Displaying basic Tables o Striped Tables o Hover Tables o Condensed Tables o Contextual Tables o Responsive Tables o Additional techniques

Forms o Overview o Vertical Forms o Inline Forms o Horizontal Forms o Form Input Controls o Form Control States o Panels

Additional UI Techniques

o Labels o Badges o Buttons and Button Groups o Dropdowns o Button Dropdowns o Images and Thumbnails o Alerts o Progress bars o Input Groups o List Groups

Navigation

o Tabular Navigation o Tabs o Pills o Dropdowns o Navbar o Breadcrumbs

Additional Techniques

o Helpers o Responsive utilities o Glyphicons o Pagination o Media Objects o Using the Modal Plugin






Documents

DIPLOMA IN OFFICE MANAGEMENTlambda.edu.pk/wp-content/uploads/2018/02/Dynamic-Web-Developm… · • Port Folio & Viva 50% Teaching Aids Books / Training Material (English & Urdu)