#Modal Popup Box using CSS JS Practical Example Project

[yesnerdystudenttree-blog]

Web Designing Course Syllabus

Best Web Designing Training institution is SkillXpert. Learn Web Designing Training with onf of the software industry expert, who have been dealing with Testing Applications since a decade.

Introduction to Web Technologies

   How the Website Works?    Types of Websites (Static, Dynamic and CMS Websites)    Responsive Web Designing    Client and Server Scripting Languages    Domains and Hosting    Web Standards and W3C recommendations    Careers in Web Technologies and Job Roles

Adobe Photoshop

   Introduction to Adobe Photoshop    Interface Tour of Photoshop    Document settings – Dimensions,Color Modes,Resolution and Presets    Move Tool    Marque Tool    Lasso Tool    Quick Selection, Magic Wand    Crop, Slicing Tool    Healing Brush, Patch Tool    Brush Tool    History Brush    Eraser Tool    Pattern Stamp, Clone Stamp    Gradient Tool    Blur and Exposure Tool    Pen Tool, Shape Tool    Text Tool    Other Photoshop Tools    Layers, Groups and Smart Object    Blending Options    Filter Effects    Client requirement Analysis    Realtime Website Layout Design    Responsive Design with Grids    Practical Task in Layout Design

HTML 4.01

   Introduction to HTML    Basic Structure of HTML    Difference Between HTML and XHTML    Head Section and its Elements    Meta, CSS, Script, Title and Favicon    HTML 4 tags    Table tag and div tag    Headings, Paragraph, Lists, Pre and Span Tags    Anchor Links and Named Anchors    Image Tag,Object Tag,Iframe Tag    Form Tag and its attributes    POST and GET Method    Fieldset and Legend    Text input, Text area    Checkbox and Radio Button    Dropdown, List and Optgroup    File Upload and Hidden Fields    Submit, Image, Normal, Reset Button

HTML 5

   HTML 5 tags    Header,Nav,Main,Section,Article tags    Aside,Figure,Dialog,Details,Summary and Footer tags    Mark,Figcaption,Code and Cite tags    Audio and Video tags    Input tag new attributes and values    Buttons,Datalist,Required,Placeholder and Autofocus    Using HTML tags in realtime websites    HTML Validators

Adobe Dreamweaver CC

   Introduction to Adobe Dreamweaver    Dreamweaver Interface Basics    Creating new documents    Working with modes    Definging a Site    Creating root-site folder and its elements    Working with previews    Designing interface using Insert tools    Properties Panel    Template Design in DW    Editable and Non-Editable Regions    Defining the DWT for project.    Working with errors, validating code

CSS 2

   Introduction to Cascading Style Sheets    Defining CSS    CSS Selectors    Universal Selector    ID Selector    Tag Selector    Class Selector    Sub Selector    Child Selector    Adjacent Sibling Selector    Attribute Selector    Group selector    CSS 2 Properties    Type Properties    Background Properties    Block Properties    Box Properties    List Properties    Border Properties    Positioning Propeties    Realtime Implementation    CSS Menu Design (Horizontal, Vertical and Drop-down menus)    Form Designing

CSS 3 Advanced Selectors

   nth-child() and nth-of-type    first-of-type and last-of-type    first-child and last-child    first-line and first-letter    before and after    CSS 3 Properties    Rounded corners    Advanced Background Properties    Shadow property    New Font properties    Opacity    Gradients    Transition and Transform properties    Animation properties

Responsive Web Design + BootStrap

   Introduction to Responsive Design    Devices and their dimension ranges    View-port tag    Using css media queries    Basic Custom Layout    Introduction to Bootstrap    Installation of Bootstrap    Grid System    Forms    Buttons    Tables and Images    Image sliders    Icons Integration    Realtime page design using bootstrap

Java Script

   Introduction to Client Side Scripting    Introduction to Java Script    Javascript Types    Variables in JS    Datatypes in JS    Operators in JS    Conditional Statements    Java Script Loops    JS Popup Boxes    JS Events    JS Arrays    JS Objects    JS Functions    Using Java Script in Realtime    Validation of Forms

jQuery and jQuery UI

   Introduction to jQuery    jQuery Features    Installing jQuery    jQuery Syntax    jQuery Ready Function    jQuery Selectors    jQuery Actions    jQuery plugins    jQuery Validation plugin    jQuery Slideshow    jQuery Dropdown    jQuery UI    Working with jQueryUI    jQuery Accordions    jQuery Tabs    jQuery Tooltips    jQuery Autocomplete

Domain and Hosting

   Web Hosting Basics    Types of Hosting Packages    Registering domains    Defining Name Servers    Using Control Panel    Creating Emails in Cpanel    Using FTP Client    Maintaining a Website

Wordpress

   Introduction to CMS    Introduction to WordPress    Installation of wordpress application    Installing a theme    Using Dashboard and its components    Creating Pages    Setting Menu    Installing plugins    Editing content    Customizing Techniques

Angular Javascript

   Introduction to AngularJS    Installation of angularJS application    Components in angularJS    Directives    Modules    Expressions    Controllers    Built-in-directives    Filters and Tabs    Examples for applications

Website Design Project

   Clients Requirement Analysis    Planning the Website    Creating the HTML/CSS Structure    Creating project using Bootstrap    Integration of Features using JS and jQuery    Project Testing

Web Designing Resources and Material

   Graphics (Icon, Buttons, Backgrounds)    Photoshop (Brushes, Patterns, Textures, Styles, Gradients, Actions)    PSD Templates    Study Material in PDF    Daily Notes in Class    All class examples files on our FTP server space for easy access    Professional CSS Templates    Professional Flash Templates    100 Stock Photos for Website Work    Java Scripts and Jquery Files (Date, Slideshow, Dropdowns, Modal and Ajax Scripts)    100% Job Assistance till you get placed    Demo Project in course    Email Support for any issues after the course