Web Development

Web development is the work involved in developing a web site for the Internet. Web development can range from developing a simple single static page of plain text to complex web-based internet applications (web apps), electronic businesses, and social network services. A more comprehensive list of tasks to which web development commonly refers, may include web engineering, web design, web content development, client liaison, client-side/server-side scripting, web server and network security configuration, and e-commerce development.
 Fees
Rs. 20,000
 Classes
45 days
 Time
Class: 1hr, Assignment: 1hr
Enroll Now  

About Course

  • Everyone to be asked one basic question about the topics below
  • Introduction to git
  • How we collaborated/stored projects before git
  • Importance
  • Installation
  • Git lifecycle
  • Introduction to Github
  • Versions of HTML
  • create a project-directory with name hello-world and Initialize it with git. Create a sample file. Create two branches `feature1` and `feature2`. Create commits in respective branches. Create pull-requests to master branch and merge it. Submit the project-link to me via email.
  • Go through the topics to be taught tomorrow i.e HTML Basics - Everyone will be asked one basic question about the topics for tomorrow
  • Everyone to be asked one basic question about the topics below
  • Introduction Versions of HTML
  • Elements
  • Attribute concept
  • Headings
  • Paragraph
  • Css Styles overview
  • Formatting
  • Quotations
  • Comments
  • a Anchor Tag
  • img Image Tag
  • File paths [ absolute and relative ]
  • table Tables
  • ol, ul Lists
  • Blocks
  • Concept of Classes and Ids
  • Iframe
  • Goto to this link https://goo.gl/uFZCky and generate a similar resume using appropriate HTML tags.
  • Everyone will be asked one basic question about the topics for tomorrow
  • Everyone will be asked one basic question about the topics below
  • <input>
  • <select>
  • <textarea>
  • <button>
  • <fieldset> & <legend>
  • button, checkbox, color, date, email, file, hidden, password, text, submit, reset
  • value, readonly, disabled, size, maxlength, placeholder,
  • autocomplete, novalidate, autofocus, form, height,
  • width, min, max, multiple, pattern, required
  • https://goo.gl/gnJA1f generate this form using appropriate HTML tags. Submit this project to me via a github link.
  • Create a separate project named `html-forms` and submit via github.
  • Everyone will be asked one basic question about the topics for tomorrow
  • Everyone will be asked one basic question about the topics below
  • What is?
  • Why Important?
  • <header>
  • <nav>
  • <section>
  • <article>
  • <aside>
  • <footer>
  • <details>
  • <summary>
  • https://goo.gl/gnJA1f generate this form using appropriate HTML tags. Submit this project to me via a github link.
  • Create a separate project named `html-forms` and submit via github."
  • Everyone will be asked one basic question about the topics for tomorrow
  • Everyone will be asked one basic question about the topics below
  • Non Breaking Space ( ) > ( )
  • Less Than (< ) --> (<)
  • Greater Than (>) --> (>)
  • Ampersand (&) --> (&)
  • Double Quotation Mark ("") --> (")
  • Single Quote Mark (') --> (')
  • Copyright (©) --> (©)
  • Registered Trademark (®) --> (®)"
  • <code> element
  • <picture>, <source>, <img>
  • Common URL Schemes
  • URL Encoding
  • https://ibb.co/Hg6kh1R generate a document that renders similar to this picture.
  • Submit the assignment as a new project in github. The HTML file must pass W3Validation.
  • Everyone will be asked one basic question about the topics for tomorrow
  • Everyone will be asked one basic question about the topics below
  • Introduction
  • Syntax
  • How To
  • Colors
  • Units
  • Introduction
  • Borders
  • Margins
  • Paddings
  • Height/Width
  • Backgrounds
  • Rounded Corners
  • Outline
  • Text
  • Fonts
  • Icons
  • Links
  • Lists
  • Tables
  • Display
  • Max-Width
  • Max-Height
  • Position
  • Overflow
  • Float
  • Inline-block
  • Align
  • Combinators
  • Pseudo-Class
  • Pseudo-Elements
  • Opacity"
  • https://ibb.co/qFhJfbh
  • https://ibb.co/W0LvJJc
  • Generate the output above using HTML and CSS but no images, and submit as a single project in github via email to me.
  • Everyone will be asked one basic question about the topics for tomorrow
  • Everyone will be asked one basic question about the topics below
  • Simple Selector
  • Attr Selectors
  • Pseudo-class selector
  • Pseudo-element selector
  • Combinators
  • Multiple Selectors"
  • Navigation Bar
  • Dropdowns
  • Image Gallary
  • Image Sprites
  • Forms
  • Counters
  • Website Layout
  • Tooltips"
  • https://ibb.co/ZLgqg7p Generate a similar page following the instructions and submit as a separate github-project via email to me
  • Everyone will be asked one basic question about the topics for tomorrow
  • Everyone will be asked one basic question about the topics below
  • Specificity
  • Media queries
  • Animations
  • Flexbox
  • Box Sizing
  • Columns
  • attr()
  • calc()
  • linear-gradient()
  • radial-gradient()
  • rgb()
  • rgba()
  • var()
  • Everyone will be asked one basic question about the topics for tomorrow
  • Everyone will be asked one basic question about the topics below
  • What is it?
  • Why to use it?
  • Concept of responsiveness
  • Dowload or Usage
  • Contents / File list
  • Show some magic of Bootstrap
  • Everyone will be asked one basic question about the topics for tomorrow
  • Everyone will be asked one basic question about the topics below
  • Grid View
  • Utilities for Layout
  • Typography [ How texts are rendered]
  • Code
  • Images
  • Tables
  • Alerts
  • Buttons
  • Carousel
  • Dropdowns
  • Forms
  • Modal
  • Navbar
  • Collapse