Web Development With HTML CSS BOOTSTRAP JQUERY for Beginners
4.7 (15 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,189 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Web Development With HTML CSS BOOTSTRAP JQUERY for Beginners to your Wishlist.

Add to Wishlist

Web Development With HTML CSS BOOTSTRAP JQUERY for Beginners

Learn to code fully Responsive Websites using HTML CSS BOOTSTRAP JQUERY from SCRATCH. This Course is made for EVERYONE!
4.7 (15 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,189 students enrolled
Created by Ryan Dhungel
Last updated 5/2017
English
Current price: $10 Original price: $35 Discount: 71% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 5 hours on-demand video
  • 1 Article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • You will learn, understand and get comfortable with HTML5, CSS, BOOTSTRAP and BASICS OF JQUERY.
  • At the end of this course, You will be able to build fully Responsive Websites that are Feature Rich, Modern and easily Extendable.
View Curriculum
Requirements
  • You should be able to use a computer
  • Interested in Web Development or Learning to Code
Description

Hello and welcome.

I would like to welcome you to this wonderful course which will make you a web developer from scratch

This course has 3 major sections

First section will get you up and running with html and css. Then in the second section we will dive into bootstrap which will enable you to develop production ready professional web pages that are beautiful, feature rich and fully responsive.

They will work perfectly for both web and mobile devices.

We will not stop there. We will also dive into jquery. And you will be surprised how cool and easy jquery is even if you know absolutely nothing about javascript. You will learn about using cool animations, learn how to select the html elements using jquery and add awesome features to them.

Now you might be thinking ok thats great. But wait, there is more. There are some more great topics covered as well. One of them is adding email feature to your contact forms

Yes, its almost impossible to use email features on static sites that are built only with html and css without any server side technology such as php but we will tackle this problem too .. nice and easy.

So yes, there will be email feature to our site and it will go live. Yes, I will show you how to push your local project to live server and reach out to the whole world.

Yes this one course will change everything. 

You know web development is vast and complex but mainly is because of confusion and not being able to decice where to begin and what to learn ...

This course will solve that problem. Enrol in this course and change your life. Lets start right now!

Here in the main course demo (There will be two more projects based on pure html and css and also on jquery), we have a beautiful image slider. With heading and a bit of description and a call to action button.

It is fully responsive and works perfectluy in small screen and mobile devices too because it uses bootstrap

 we will learn how to customize it many ways, making images responsive. using font awewsome icons and google fonts and also a bit about SEO practices.

Adding a fullwidth fixed background image for beautiful effects, fully functioning contact form, tables, background gradient color...formating articles...and more!

Not to forget, cool panels and yes modal too which you can customize in many ways you prefer...

You can add more animations and interactivity to it using jquery which you will learn in the last seciton . so yes, its packed with awesome practical tools that you will require in every day life as a web developer. Excited? lets get right into it!!

Remember, In this course, you will learn to CODE FROM SCRATCH. If you haven't yet, get ready to write you very first code and discover the the brand new world!

Who is the target audience?
  • Anyone who wants to learn to code or get into Web Development
  • Anyone who wants to learn how to create, maintain and host fully responsive modern websites
Students Who Viewed This Course Also Viewed
Curriculum For This Course
59 Lectures
04:45:13
+
HTML5 and CSS
14 Lectures 01:00:43



Using google fonts
02:36

Adding images to html pages
05:35

Adding alt tags to images and its importance
02:39

Add links to text
04:59

Add links to image
02:43

Applying border styling and hover effect
04:40

Applying background color and paddings
06:15

Creating ordered and unordered lists
03:09

Creating forms
03:10

Margin and styling
05:38

Radio buttons and checkboxes
05:53
+
BOOTSTRAP
25 Lectures 02:11:03
Downloading bootstrap
05:44

Understanding and using bootstrap rows and grids
04:44

Using bootstrap jumbotron
04:33

Responsive image with bootstrap
04:47

Buttons and lists with bootstrap
06:53

Building forms with bootstrap
05:45

Using font awesome icons with bootstrap
04:42

Using live css editor
04:45

Customizing font awesome icons
03:38

Bootstrap menu or navigation bar
08:03

Mobile hamburger menu with bootstrap
06:43

Leaving comments in style sheet
03:29

Making the menu links work
03:26

Using google fonts and styling text
02:54

Using inspect tool, heading style and navigation links
04:32

Creating tables with bootstrap
05:15

Blockquote and strong tags
04:47

Working panels in bootstrap
06:51

Using scrollspy for highlighting current links
04:25

Implementing image slider or carousel
06:05

Adding images to slider or carousel
06:30

Creating footer section
03:04

Full width background image for a div with fixed state
08:52

Gradient background
04:31

Pop up modal in bootstrap
06:05
+
JQUERY
12 Lectures 54:44
Getting ready to start with jquery
04:56

Downloading plugin for sublime text
04:39

Write your first script with hello world alert
05:19

Using animations with jquery
07:48

Targetting classes and ids with jquery
03:03

Target same element with many selectors
03:12

Remove classes and adding css style using jquery
03:17

Changing html text with jquery
05:47

Append and remove in jquery
02:52

Cloning and targeting the parent element in jquery
04:07

Targetting child element and the nth child
03:49

Target odd or even numbers in jquery and more
05:55
+
WEB HOSTING, EMAIL FEATURE, HTML SEMANTICS and more
7 Lectures 38:31
Html head section
09:29

Html body section with main articles aside and more
06:59

Push your project to the live server
07:03

Fxing image links on live site
02:11

Adding email feature to our static page
05:00

Adding message field to our emails
04:29

Coclusion
03:20
+
SOURCE CODE
1 Lecture 00:16
DOWNLOAD SOURCE CODE ZIP FILES FROM GITHUB
00:16
About the Instructor
Ryan Dhungel
4.6 Average rating
226 Reviews
3,505 Students
4 Courses
Web Developer

Ryan Dhungel is a Web Developer from Sydney, Australia. He builds Websites and Web Applications and likes to focus on PHP development with Laravel. He also wants to make the entire web development process enjoyable and productive at the same by producing well explained practical Tutorials and Training packages for fellow developers.