Web Development

2500 Students taken this course

Paper Code - Web Development

Duration

Fee

Outlines

4 Months

PKR 40000

NOTE:
1. Above fee is applicable in class / Group study.
2. Fee package will be Different for one on one session & International Students.

About this Course

Web development is coding or programming process that enables website to function as per client’s requirements and expectations. It mainly deals with non-graphical aspect of building websites, which only requires coding aspect and functional design architectural of website. Web programmer requires skills needed as per website design that could be simple as HTML and CSS skills to more complex adding interactivity with user interaction and data driven website using JavaScript, PHP and MySQL.

Full stack website development hierarchy is as follows:

Client-side code scripting

Server-side code scripting

Database technology

This course is designed to enable naïve to a skilled website developer. So we tried to encompass every aspect of coding should be included in this course that could be required to build a full functional website. Its fully fulfil the requirements of frontend and backend development of website.

 

Modes of Trainings Available:

·        Online Training

·        Class Room Training

·        One to One Training

·        Regular and Weekend Training

HTML & CSS

  • How the web works
  • Web standards
  • HTML semantic markup syntax
  • Basic document structure, paragraph, and heading elements
  • Validation
  • Block content elements (lists, quotations, preformatted text, figures)
  • Content organization elements (section, article, aside, nav, header, footer,
  • address)
  • Text-level inline elements and breaks
  • Generic div and span elements
  • Special characters
  • Anchor elements and attributes
  • External links, linking within a directory, and linking to a fragment
  • Mail and telephone links
  • FTP clients and web publishing process
  • Image element and attributes
  • Linking images
  • Image file formats, size, and resolution
  • Image optimization strategies
  • Table structure elements and attributes
  • Table headers and spanning cells
  • How forms work
  • Form element and attributes
  • Form variables and labels
  • Text entry controls (input element types and text area)
  • Menu, fieldset, and language elements
  • Anatomy of style rules
  • External and embedded style sheets
  • Inheritance, cascade, and specificity
  • Font properties and web fonts
  • Descendant and contextual selectors
  • Line adjustment and other text properties
  • RGB color values and transparency
  • Pseudo-class, pseudo-element, and attribute selectors
  • Color, background, and gradient properties
  • Element box and dimension properties
  • Padding border, and margin properties
  • Normal flow and float property
  • Clearing and containing floats
  • Position, offset, and stacking order properties
  • Page layout strategies (fixed, fluid, elastic, and hybrid)
  • Float and positioned multicolumn layouts
  • CSS resets
  • Styling tables and forms
  • Basic responsive web design techniques
  • Transition and transform properties
  • Keyframes and animation properties

BootStrap

  • What is a front-end framework
  • Bootstrap intro
  • Why Bootstrap
  • Responsive Web Design
  • Mobile First Responsive Design
  • Downloading Bootstrap
  • Different ways to add Bootstrap to your page
  • Container
  • Bootstrap Grid System
  • Multiple grids
  • Rows and offsets
  • Responsive images, videos, maps
  • Bootstrap style vs your style
  • Bootstrap themes
  • Icons
  • Buttons
  • Typography
  • Navigations
  • Tables
  • Lists
  • Forms
  • Headers
  • Breadcrumbs
  • Pagination
  • Dropdowns
  • Panels
  • Wells
  • Carousel
  • Accordion
  • Modal window
  • Tab
  • Tooltip
  • Collapse

JQuery

  • The jQuery Library
  • jQuery Basics
  • jQuery Getters and Setters
  • Altering Document Structure
  • Handling Events with jQuery
  • Animated Effects

JavaScript

  • Core JavaScript
  • Client-Side JavaScript
  • Core JavaScript
  • Character Set
  • Comments
  • Literals
  • Identifiers and Reserved Words
  • Optional Semicolons
  •  
  • Numbers
  • Text
  • Boolean Values
  • null and undefined
  • The Global Object
  • Wrapper Objects
  • Immutable Primitive Values and Mutable Object References
  • Type Conversions
  • Variable Declaration
  • Variable Scope
  • Primary Expressions
  • Object and Array Initializers
  • Function Definition Expressions
  • Property Access Expressions
  • Invocation Expressions
  • Object Creation Expressions
  • Operator Overview
  • Arithmetic Expressions
  • Relational Expressions
  • Logical Expressions
  • Assignment Expressions
  • Evaluation Expressions
  • Miscellaneous Operators
  • Expression Statements
  • Compound and Empty Statements
  • Declaration Statements
  • Conditionals
  • Loops
  • Jumps
  • Miscellaneous Statements
  • Summary of JavaScript Statements
  • Creating Objects
  • Querying and Setting Properties
  • Deleting Properties
  • Testing Properties
  • Enumerating Properties
  • Property Getters and Setters
  • Property Attributes
  • Object Attributes
  • Serializing Objects
  • Object Methods
  • Creating Arrays
  • Reading and Writing Array Elements
  • Sparse Arrays
  • Array Length
  • Adding and Deleting Array Elements
  • Iterating Arrays
  • Multidimensional Arrays
  • Array Methods
  • ECMAScript 5 Array Methods
  • Array Type
  • Array-Like Objects
  • Strings As Arrays
  • Defining Functions
  • Invoking Functions
  • Function Arguments and Parameters
  • Functions As Values
  • Functions As Namespaces
  • Closures
  • Function Properties, Methods, and Constructor
  • Functional Programming
  • JavaScript Subsets
  • Constants and Scoped Variables
  • Destructuring Assignment
  • Iteration
  • Shorthand Functions
  • Multiple Catch Clauses
  • E4X: ECMAScript for XML
  • Client-Side JavaScript
  • Embedding JavaScript in HTML
  • Execution of JavaScript Programs
  • Compatibility and Interoperability
  • Accessibility
  • Security
  • Client-Side Frameworks
  • Timers
  • Browser Location and Navigation
  • Browsing History
  • Browser and Screen Information
  • Dialog Boxes
  • Error Handling
  • Document Elements As Window Properties
  • Multiple Windows and Frames
  • Overview of the DOM
  • Selecting Document Elements
  • Document Structure and Traversal
  • Attributes
  • Element Content
  • Creating, Inserting, and Deleting Nodes
  • Example: Generating a Table of Contents
  • Document and Element Geometry and Scrolling
  • HTML Forms
  • Other Document Features
  • Overview of CSS
  • Important CSS Properties
  • Scripting Inline Styles
  • Querying Computed Styles
  • Scripting CSS Classes
  • Scripting Stylesheets
  • Types of Events
  • Registering Event Handlers
  • Event Handler Invocation
  • Document Load Events
  • Mouse Events
  • Mousewheel Events
  • Drag and Drop Events
  • Text Events
  • Keyboard Events

PHP & MySQL

  • Why use PHP and MySQL?
  • The PHP programming environment
  • Overview of SQL
  • Setting up a Test Bed
  • WAMP/MAMP
  • Installing Apache, PHP and MySQL on your computer
  • Testing on a remote Server
  • Deciding on Development tools
  • Using PHPMyAdmin

    Overview of PHP

  • Setting up a PHP page
  • The phpinfo() function
  • Learning basic syntax
  • Echoing HTML output to the browser
  • The importance of comments
  • Using single and double quotes
  • Using loose typed variables
  • Assigning variables
  • Overview of numeric, string and other types
  • Assigning a variable to itself
  • Arithmetic operators
  • Logical operators
  • Comparisons
  • Operator precedence
  • Making calculations
  • Using built-in numeric functions
  • Incrementing and decrementing
  • Concatenating strings
  • Trimming strings
  • Removing slashes and other harmful characters
  • String functions
  • The If statement
  • FOR loops
  • While loops
  • The Switch
  • GET and POST
  • Different form field types
  • Self-referencing forms
  • Form handlers
  • Structuring a database
  • Using tables
  • Table relationships
  • Common data types
  • Using PHPmyAdmin
  • Adding a table
  • Populating a table with types and data
  • Browsing a table
  • Using the mysql_connect() function
  • Using the mysql_select_db() function
  • Testing a connection
  • Writing a sample error trap
  • Writing SQL queries
  • Using Select, Insert, Update and Delete
  • Querying MySQL and returning results
  • Interpreting the returned array
  • Creating pages to:
  • Add entries
  • Modify entries
  • List entries
  • Filter entries
  • Validating entries

Reviews and Ratings

Top Reviews

5/5