Course details

This course is designed with a motive to teach you end to end web development. I have an agenda of my own to empower you to be successful in being able to develop webpages for fun or profit!!

HTML5, CSS3, Jquery, Bootstrap are basic building blocks of today's webpages. It is essential to learn them in considerable depth to be a successful frontend developer. PHP and MYSQL are popular processing and backend technologies. This isn't your typical course - It's more than that! This will teach you all of the listed technologies under one roof.

This course is divided into six major modules:

Module 1: Covers HTML 5 in detail

  1. Course Intro
  2. HTML 5 basic concept
  3. Choosing a editor
  4. More basics
  5. How to set a webpage title
  6. How to use text headings
  7. How to use paragraphs
  8. How to use line breaks
  9. Test101
  10. How to make the text bold
  11. How to use strong text
  12. How to italicize text
  13. How to mark a text
  14. Delete and insert text
  15. How to insert superscript and subscript text on pages.
  16. How to add quotes to webpages
  17. Test102
  18. How to add a block-quote to your page
  19. Attributes
  20. How to add address to your page
  21. Display images on your webpages
  22. How to display code on your page
  23. Define keyboard input on pages
  24. Display text as it appears in your editor/code window
  25. Abbreviate text on pages
  26. Cite references for borrowed content
  27. Summarizing all that we've till here in one video
  28. How to add comments
  29. Links Part1
  30. Links part 2
  31. Links Part3
  32. Links Part4
  33. Learn to work with unordered list
  34. Let's make an ordered list
  35. Create a distribution list
  36. HTML 5 page structure
  37. Tables intro
  38. How to add table headers
  39. How to add table captions
  40. Introduction to forms
  41. Form text boxes
  42. Form checkboxes
  43. Form radio buttons
  44. Form dropdowns
  45. Form submit button
  46. Form textarea
  47. Multimedia Intro
  48. Add videos to your webpage
  49. Add audio files to your pages
  50. Adding Youtube videos
  51. DIV's

--

Module 2: Covers CSS3, to beautify the page

  1. Requirement
  2. CSS Intro
  3. CSS Selectors
  4. Change text color(Internal style)
  5. Create an external style sheet
  6. Reference external style sheet
  7. Defining styles on an external style sheet
  8. Multiple CSS selectors
  9. Select by ID
  10. Select by Class
  11. Difference between Class and ID selectors
  12. How to add comments
  13. How to open and use colorpicker
  14. General theory RGB and HEX
  15. Using RGB and HEX values in CSS
  16. Add background color
  17. Add gradient background
  18. Play with font sizes
  19. Add background images
  20. Background image repeat options
  21. Aligning text
  22. Decorating text
  23. Playing with margins
  24. Playing with padding
  25. Adding shadows to text
  26. How to blur text shadows
  27. Integrating Google fonts
  28. Working with list styles
  29. Using images for list-styles
  30. Shorthand for list-style
  31. States of links
  32. Normal and hover effects
  33. Visited and active links
  34. Add border, define color, and style for tables
  35. Padding cells and aligning text in tables
  36. Styling tables
  37. Border properties and values
  38. Playing around with visiblity settings
  39. Positioning theory
  40. Static positioning
  41. Absolutee positioning
  42. Relative positioning
  43. Using both absolute and relative positioning
  44. Usage of float
  45. Styling forms
  46. Style form as a whole
  47. Style H1 and SPAN in forms
  48. Style button in form
  49. Styling SELECT
  50. Adding box shadow
  51. CSS transitions
  52. CSS transparency
  53. Pseudo element throry
  54. Pseudo element first letter
  55. Pseudo element after
  56. Pseudo element before

Module 3: Explores Jquery to add features to pages

  1. Jquery Intro
  2. Exploring Jquery
  3. How to download Jquery
  4. How to include local libs
  5. How to include CDN references
  6. Document ready event
  7. Test if Jquery works fine
  8. Shorthand for Document ready
  9. Selectors
  10. ATTR method
  11. Jquery and CSS
  12. DOM manupilation
  13. Using effects in Jquery
  14. Jquery UI Intro
  15. How to download Jquery UI
  16. How to work with Accordion
  17. How to use datepicker
  18. How to use dialogs
  19. Working with menus
  20. Working with Autocomplete
  21. Using tabs in Jquery UI
  22. Animate using Jquery UI

Module 4: Introduces Bootstrap framework for responsive design

  1. Bootstrap Intro
  2. Download Pingendo
  3. Classes
  4. Rowns and columns
  5. Working with Pingendo
  6. Demo page with Pingendo
  7. Demo page 2 with Pingendo

Module 5: Teaches you basics of PHP

  1. WAMP installation
  2. PHP variables
  3. PHP IF and ELSE statement
  4. Basic MYSQLI connection
  5. phpMyAdmin basics
  6. phpMyAdmin inserting records.


Module 6: Help you to perform CRUD using MYSQL

  1. How to select results from Database and display them on page

videos pending....

This course will suit different style of learners. It is designed to help beginners and intermediate learners.

You have complete control over what you want to learn "Choose the modules you like."

In the current standing, every business, big or small needs to have strong online presence to profit from e-Commerce. If you are planning to setup a webpage, start an online website, or learn these concepts, this course is a great resource.

The course is structured, and ordered evenly to teach you little by little.

What's included?

You get 15+ hours of video lectures

Code snippets in .txt files ( I am not able to upload .html) directly as no support for same on Udemy.

A PDF document that contains all the codes we covered.

You will get two template I've developed while I was training my last batch plus any templates I develop for this series.

There will be sufficient number of quizzes added to test your knowledge. I will make them as hard as possible as you progress!

This is one heck of a course tailored to test your patience. I will give you ~250 videos.

You can take your own sweet time to complete the training.

You must take this course to learn end to end web-development. You will learn front-end, back-end and also the processing language to connect both of them.

Dive in! Immerse yourself!!

Updated on 22 March, 2018
Courses you can instantly connect with... Do an online course on Web Development starting now. See all courses