Web Designing

UI-Front End

A professionally designed website is most cost effective marketting tool avialable in world today...

UI Technologies Online Internship

UI developers shape the way we interact with the digital world.

This course will give you an overview of Basic Html Css and client-side web UI frameworks, in particular Bootstrap 4. You will learn about grids and responsive design, Bootstrap CSS and JavaScript components.At the end of this course, you will be able to
a)Set up, design and style a web page using Bootstrap 4 and its components,
b) Create a responsive web page design, and
c) Make use of web tools to setup and manage web sites.
This course also includes an honors track that enables you to work on your own project developing a website using Bootstrap 4. Students enrolling in this course should have some basic knowledge of HTML, CSS and JavaScript.

Course Duration
Maximum 2 months.
Course Type
Remote Internship (You can take it from home.).
Course Fees
Rs: 3000/-
Pay Type
Three Instalments.
Starting Date of Registration
10-7-2018

Syllabus

  • Basic Tags
  • Meta Tags
  • Attributes & Parameters
  • Font tag
  • Formatting Tags
  • Quotation and Citation Elements
  • Computer Code
  • Comments
  • Iframe
  • Entities
  • Image tag
  • Link Tags
  • Image Link
  • Text Link
  • Email Link
  • Colors
  • Marquee Tag
  • List
  • Ordered List
  • Unordered List
  • Nested List
  • Description List
  • Table Tag
  • Form tags
  • Frame Tag
  • Background Colors & Images
  • Embed Multimedia - Movie, Music

  • Div's & Span tags
  • Block & Inline
  • Colors
  • Box Model
  • Border
  • border-bottom
  • border-bottom-color
  • border-bottom-style
  • border-bottom-width
  • border-color
  • border-left
  • border-left-color
  • border-left-style
  • border-left-width
  • border-right
  • border-right-color
  • border-right-style
  • border-right-width
  • border-style
  • border-top
  • border-top-color
  • border-top-style
  • border-top-width
  • border-width
  • outline
  • outline-style
  • outline-width
  • outline-color
  • margin
  • margin-bottom
  • margin-left
  • margin-right
  • margin-top
  • padding
  • padding-bottom
  • padding-left
  • padding-rig
    • ht
  • padding-top
  • Background
  • background-color
  • background-image
  • background-repeat
  • background-attachment
  • background-position
  • background
  • Font
  • font-family
  • color
  • font-size
  • Set Font Size With Pixels
  • Set Font Size With em
  • font-style
  • font-variant
  • font-weight
  • font
  • Text
  • Color
  • letter-spacing
  • Word-spacing
  • line-height
  • text-align
  • text-decoration
  • text-indent
  • text-transform
  • vertical-align
  • White-space
  • Direction
  • unicode-bidi
  • Images
  • border
  • width
  • height
  • opacity
  • FORMS
  • Links
  • a:link
  • a:visited
  • a:hover
  • a:active
  • cursor
  • Lists
  • list-style
  • list-style-type
  • list-style-position
  • list-style-image
  • Tables
  • border
  • border-collapse
  • width
  • height
  • text-align
  • vertical-align
  • padding
  • Dimension
  • height
  • width
  • max-height
  • min-height
  • max-width
  • min-width
  • Display / Visibility
  • Positioning
  • bottom
  • clip
  • left
  • overflow
  • absolute
  • fixed
  • relative
  • static
  • right
  • top
  • z-index
  • float & clear
  • Pseudo-class
  • Pseudo-element
  • Combinators
  • descendant selector (space)
  • child selector (>)
  • adjacent sibling selector (+)
  • general sibling selector (~)
  • Image Sprites
  • Navigation Bar
  • CSS Validations(W3C)
  • Introduction to css3.0

  • Grid Sytem
  • Adding Bootstrap to Your Web Pages
  • Downloading Bootstrap
  • Bootstrap CDN
  • Put Your HTML Elements Inside Containers
  • Bootstrap Browser/Device Support
  • Typography
  • Colors
  • Tables
  • Images
  • Jumbotron
  • Alerts
  • Buttons
  • Button Group
  • Button Dropdown
  • Badges
  • Progressbars
  • Pagination
  • List Groups
  • Cards
  • Collapse
  • Navbar
  • Forms
  • Inputs
  • Carousel
  • Modal
  • Tooltip
  • Popover
  • Scrollspy
  • Utilities

  • Introduction
  • What is jQuery
  • Downloading and Installing jQuery
  • Creating a Simple Page in jQuery
  • Overview of jQuery Features
  • The Document Ready Function
  • How to use Custom Scripts?
  • Selectors
  • How to use Selectors?
  • Name
  • #ID
  • .Class
  • Universal (*)
  • Multiple Elements E, F, G
  • Attribute Selector
  • JQUERY EFFECTS
  • hide/show
  • fade
  • slide
  • animate
  • toggle
  • stop
  • Callback
  • Chaining
  • DOM TRAVERSING
  • Ancestors
  • Descendants
  • Siblings
  • Filtering
  • Form Selectors
  • HTML
  • Get
  • Set
  • Add
  • Remove
  • CSS Classes
  • css()
  • Dimensions
  • jQuery Events
  • noConflict() Method
  • AJAX Methods
  • load( )
  • $.get( )
  • $.post( )
  • $.getScript( )
  • $.getJSON( )
  • $.ajax( )
  • serialize( )
  • serializeArray( )
All rights reserved © 2017-2018 Copyright NagStud Technologies LLP