Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.

Web Development with HTML CSS BOOTSTRAP JQUERY

Ryan Dhungel

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
59 Videos (4h 50m)
    • Learn Web Development From Scratch With HTML CSS BOOTSTRAP and JQUERY

      5:10
    • 01 Write your first html code and run in the browser

      4:58
    • 02 Using inline css styling

      4:47
    • 03 Create and link your own css file

      3:41
    • 04 Using google fonts

      2:36
    • 05 Adding images to html pages

      5:35
    • 06 Adding alt tags to images and its importance

      2:39
    • 07 Add links to text

      4:59
    • 08 Add links to image

      2:43
    • 09 Applying border styling and hover effect

      4:40
    • 10 Applying background color and paddings

      6:15
    • 11 Creating ordered and unordered lists

      3:09
    • 12 Creating forms

      3:10
    • 13 Margin and styling

      5:38
    • 14 Radio buttons and checkboxes

      5:53
    • 15 Downloading bootstrap

      5:44
    • 16 Understanding and using bootstrap rows and grids

      4:44
    • 17 Using bootstrap jumbotron

      4:33
    • 18 Responsive image with bootstrap

      4:47
    • 19 Buttons and lists with bootstrap

      6:53
    • 20 Building forms with bootstrap

      5:45
    • 21 Using font awesome icons with bootstrap

      4:42
    • 22 Using live css editor

      4:45
    • 23 Customizing font awesome icons

      3:38
    • 24 Bootstrap menu or navigartion bar

      8:03
    • 25 Mobile hamburger menu with bootstrap

      6:43
    • 26 Leaving comments in style sheet

      3:29
    • 27 Making the menu links work

      3:26
    • 28 Using google fonts and styling text

      2:54
    • 29 Using inspect tool, heading style and navigation links

      4:32
    • 30 Creating tables with bootstrap

      5:15
    • 31 Blockquote and strong tags

      4:47
    • 32 Working panels in bootstrap

      6:51
    • 33 Using scrollspy for highlighting current links

      4:25
    • 34 Implementing image slider or carousel

      6:05
    • 35 Adding images to slider or carousel

      6:30
    • 36 Creating footer section

      3:04
    • 37 Full width background image for a div with fixed state

      8:52
    • 38 Gradient background

      4:31
    • 39 Pop up modal in bootstrap

      6:05
    • 40 Getting ready to start with jquery

      4:56
    • 41 Downloading plugin for sublime text

      4:39
    • 42 Write your first script with hello world alert

      5:19
    • 43 Using animations with jquery

      7:48
    • 44 Targeting classes and ids with jquery

      3:03
    • 45 Target same element with many selectors

      3:12
    • 46 Remove classes and adding css style using jquery

      3:17
    • 47 Changing html text with jquery

      5:47
    • 48 Append and remove in jquery

      2:52
    • 49 Cloning and targeting the parent element in jquery

      4:07
    • 50 Targetting child element and the nth child

      3:49
    • 51 Target odd or even numbers in jquery and more

      5:55
    • 52 Html head section

      9:29
    • 53 Html body section with main articles aside and more

      6:59
    • 54 Push your project to the live server

      7:03
    • 55 Fixing image links on live site

      2:11
    • 56 Adding email feature to our static page

      5:00
    • 57 Adding message field to our emails

      4:29
    • 58 Coclusion

      3:20

About This Class

LEARN TO CODE fully Responsive Websites using HTML CSS BOOTSTRAP JQUERY from SCRATCH. This Course is made for ABSOLUTE BEGINNERS!

Looking for a career change or simply looking to expand your business or ideas to the larger audience? Or you might be interesting in build modern web apps for the global audience. Whatever the reason might be, this is a perfect course to make it all happen

This course will guide you like a new born child in the world of web development and turn you into a web developer with solid understanding of HTML CSS BOOTSTRAP and JQUERY. These are the building blocks of the web. By the end of this course, you will build a fully responsive(ready for mobile devices) modern website with email feature that you can use in real life for your own business, portfolio or for your client.

Afterwards, you will be able to build many websites on your own. Because you would get equipped with all the necessary skills needed. This field of web development is vast and one can easily get lost into it. This course will save you from that, which could possibly cost several months or years of your precious time.

Lets talk a bit more about this course, It has 3 major sectionsFirst 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 desktop, laptops 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 csswithout 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!

What are the requirements?

  • You should be able to use a computer
  • Interested in Web Development or Learning to Code

What am I going to get from this course?

  • 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.

What 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

When you learn to code, there is no limit of what you can do. Don't hold back. Join me in this course. Lets have fun learning. Lets dive into the world of ideas and creativity.

12

Students

--

Projects

0

Reviews (0)