Front End Development Course Description

VLR Training provides Complete Photoshop, HTML, CSS, JavaScript with Bootstrap online Training.

In This Course will Cover Photoshop. How to create web templates in photoshop and converting from PSD to Html. Slicing images and saving image as background and transparent.

This hands on course provides a thorough introduction into the creation of a Website using HTML, CSS and Bootstrap. The course starts with thorough coverage of HTML and Cascading Style Sheets (CSS) and progresses to using the Bootstrap framework to create mobile-friendly websites.

Topics include use of HTML5 semantic tags, block-level and inline elements, creating links, ordered and unordered lists, creation of tables and forms. Students will learn to attach CSS to a page using several different techniques, CSS selectors and pseudo-classes, CSS box model, and a variety of CSS properties.

Students will learn how to create a Bootstrap page utilizing the grid system, implement commonly used components (such as dropdowns and navigation bars), use Bootstraps CSS classes to format page elements and use Bootstrap’s plugins to add tabs, modals and accordions to a page.

Pre-requisites To Learn Front End Development Online Training.

  • There are no pre requisites.
  • Anyone is welcome to join this course. 
  • It is recommended though that individuals have Basic personal computer skills and basic Internet knowledge.

Front End Development Online Training course Details

Course Duration

60 Days

Mon-Fri

8:00 AM IST

Mode of Training

Online

Front End Development Training Course Content

  • Image Formats Raster and Vector
  • Interface walkthrough
  • Opening Viewing and Saving Files
  • Guides Grids and Rulers
  • Layers
  • Selections in Photoshop
  • Color Theory and Channels
  • Transformations
  • Combining Images
  • Image Color Correctios
  • Digital Makeup in Photoshop
  • Painting in Photoshop
  • Using Vector Tools in Photoshop
  • Typography
  • Photoshop for Web Design
  • Digital Marketing Banners
  • History of HTML
  • What you need to do to get going and make your first HTML page
  • What are HTML Tags and Attribute
  • HTML Attributes
  • HTML Basic Tags
  • HTML Formatting Tags
  • Div and Span Tags for Grouping
  • Unordered Lists
  • Ordered Lists
  • Definition list
  • Image and Image Mapping
  • URL – Uniform Resource Locator
  • URL Encoding
  • table
  • thead
  • tbody
  • th
  • tr
  • td
  • colspan
  • rowspan
  • tfoot
  • input
  • label
  • select
  • textarea
  • button
  • Concept of CSS
  • Creating Style Sheet
  • CSS Properties
  • CSS Styling
  • Background
  • Text-decoration
  • Text-align
  • Vertical-align
  • Text-indent
  • Text-transform
  • White-space
  • Letter-spacing
  • Word-spacing
  • Line-height
  • Controlling Fonts
  • Working with block elements and objects
  • Working with Lists and Tables
  • Id
  • Class
  • Box Model
  • Border properties
  • Padding
  • Margin
  • CSS Advanced
  • Grouping
  • Dimension
  • Display
  • Positioning
  • Floating
  • Align
  • Pseudo class
  • Navigation Bar
  • Image Sprites
  • Attribute sector
  • CSS Color
  • Creating page Layout and Site Designs.
  • Why Bootstrap?
  • Use of popular Bootstrap Components
  • Bootstrap Alerts
  • Bootstrap Badges
  • Using Breadcrumb from Bootstrap
  • Cool Bootstrap Buttons
  • Explore Bootstrap Cards
  • Carousel creation of amazing slideshows Bootstrap
  • Collapse content accordion and more Bootstrap
  • Dropdowns with Bootstrap
  • Bootstrap Forms formatting with Input groups
  • Jumbotron to make your content stand out Bootstrap
  • List groups grouping content in lists Bootstrap
  • Wow Bootstrap Modals
  • Responsive collapsing Nav and Navbars Bootstrap
  • Pagination with Bootstrap
  • Easy Bootstrap Popovers
  • Progress bar and more Bootstrap
  • Spinners for Bootstrap
  • Bootstrap Toasts
  • Adding Bootstrap Tooltips
  • What is JavaScript
  • Variables
  • Data Types
  • Event Handlers
  • Functions
  • Loops
  • Decision Making
  • Form Validation

Register Now for Front End Development Course Live Demo