• Image

Welcome to Frond End Development

Creating that user-facing functionality is the job of a front-end developer. Using a combination of markup languages, design, and client-side scripts and frameworks, the front-end developer creates the environment for everything that users see and touch: content, layout, and interaction.

Why Frond End Development ?

User experience

Creating tools

SVG Graphics

Responsive design

Hypertext Markup Language - HTML

  • Describe the historical context and justification for HTML.
  • Create HTML5 documents.
  • Add content to an HTML page using HTML elements.
  • Use hyperlinks to connect various HTML pages together.
  • Capture user input using forms.
  • Create content using HTML5 semantic elements.
  • Create SVG Graphics.
  • Create CSS stylesheets.
  • Lay out HTML elements using CSS margin and padding.
  • Implement program logic using JavaScript.
  • Implement HTML5 APIs using JavaScript.
  • Add advanced functionality to web applications using jQuery, AngularJS, Bootstrap, TypeScript or Sass.

Cascading Style Sheets - CSS

  • Benefits of CSS
  • CSS Versions History
  • CSS Syntax
  • External Style Sheet using
  • Multiple Style Sheets
  • Value Lengths and Percentages
  • CSS Syntax
  • single Style Sheets
  • Multiple Style Sheets
  • Value Lengths and Percentages
  • ID Selectors
  • Class Selectors
  • Grouping Selectors
  • Universal Selector
  • Descendant / Child Selectors
  • Attribute Selectors
  • CSS – Pseudo Classes

JavaScript

  • Introduction to JavaScript.
  • Basic Syntax.
  • Control Structures.
  • Writing Functions.
  • Working with Arrays.
  • The Document Object Model.
  • Events Handling.
  • Using Browser Objects.
  • Object Oriented in JavaScript.

Jquery

  • jQuery Introduction
  • jQuery Install
  • jQuery Syntax
  • jQuery Selectors
  • jQuery Event Methods
  • jQuery Effects - Hide and Show
  • jQuery Effects - Fading
  • jQuery Effects - Sliding
  • jQuery Effects - Animation
  • jQuery Stop Animations
  • jQuery Callback Functions
  • jQuery - Chaining
  • jQuery - Get Content and Attributes
  • jQuery - Set Content and Attributes
  • jQuery - Add Elements
  • jQuery - Remove Elements
  • jQuery - Get and Set CSS Classes
  • jQuery - css() Method
  • jQuery - AJAX Introduction
  • jQuery - AJAX load() Method
  • jQuery - AJAX get() and post() Methods
  • jQuery - The noConflict() Method

AJAX

  • AJAX, RIA & WEB 2.0.
  • The XMLHTTPRequest Object.
  • Using AJAX in Web Applications.