Html Css Bootstrap Jquery Website From Scratch To Production

Quickly Learn to code Responsive Websites using HTML CSS BOOTSTRAP JQUERY from SCRATCH. It's easier than you think!

What you'll 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.

Requirements

You should be able to use a computer

Interested in Web Development or Learning to Code

Description

NOTE: This course uses Bootstrap CSS framework version 3 which is an older version. Currently there is version 4. Do you want to get up and running with basics of HTML CSS Bootstrap as soon as possible and be able to start applying for junior entry level web developer job or start coding your own website for yourself or your business? Then you will absolutely love this course.Then you will love this course. No drama.. straight to the point. Begin with HTML, CSS then dive straight into Bootstrap Framework so that you can build awesome production ready fully responsive(works great in mobile) websites.Start building projects right away and master the art of designing for years to come. Yes, It is an art that will get better and better over time. Begin your career as a Web Designer, this course is here to help you become a web designer in a smart way!Interested in reading more? No worries!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 brand new world where you will building things from scratch!

Overview

Section 1: HTML5 and CSS

Lecture 1 Write your first html code and run in the browser

Lecture 2 Using inline css styling

Lecture 3 Create and link your own css file

Lecture 4 Using google fonts

Lecture 5 Adding images to HTML pages

Lecture 6 Adding alt tag to images and its importance

Lecture 7 Add links to text

Lecture 8 Adding links to images

Lecture 9 Applying border styling and hover effect

Lecture 10 Applying background color and padding

Lecture 11 Creating ordered and unordered lists

Lecture 12 Creating forms

Lecture 13 Margin and styling

Lecture 14 Radio buttons and checkboxes

Section 2: BOOTSTRAP

Lecture 15 Bootstrap Versions

Lecture 16 Downloading bootstrap

Lecture 17 Understanding and using bootstrap rows and grids

Lecture 18 Using bootstrap jumbotron

Lecture 19 Responsive image with bootstrap

Lecture 20 Buttons and lists with bootstrap

Lecture 21 Building forms with bootstrap

Lecture 22 Using font awesome icons with bootstrap

Lecture 23 Using live css editor

Lecture 24 Customizing font awesome icons

Lecture 25 Bootstrap menu or navigation bsr

Lecture 26 Mobile hamburger menu with bootstrap

Lecture 27 Leaving comments in stylesheet

Lecture 28 Making the menu links work

Lecture 29 Using google fonts and styling text

Lecture 30 Using inspect tool, heading style and navigation links

Lecture 31 Creating tables with bootstrap

Lecture 32 Blockquote and strong tags

Lecture 33 Working with panels in bootstrap

Lecture 34 Using scrollspy for highlighting current links

Lecture 35 Implementing image slider or carousel

Lecture 36 Adding images to slider or carousel

Lecture 37 Creating footer section

Lecture 38 Full width background image for a div with fixed state

Lecture 39 Gradient background

Lecture 40 Pop up modal in bootstrapm

Section 3: JQUERY

Lecture 41 Getting ready to start with jquery

Lecture 42 Downloading plugin for sublime text

Lecture 43 Write your first script with hello world alert

Lecture 44 Using animation with jquery

Lecture 45 Targeting classes and ids with jquery

Lecture 46 Target same element with many selectors

Lecture 47 Remove classes and adding css style using jQuery

Lecture 48 Changing html text with jquery

Lecture 49 Append and remove in jquery

Lecture 50 Cloning and targeting the parent element injquery

Lecture 51 Targeting child elements and the nth child

Lecture 52 Target odd or even numbers in jquery and more

Section 4: WEB-HOSTING, EMAIL FEATURE, HTML SEMANTICS AND MORE

Lecture 53 HTML head section

Lecture 54 HTML body section with main articles, aside and more

Lecture 55 Push your project to the live server

Lecture 56 Fixing image links on live site

Lecture 57 Adding email feature to our static page

Lecture 58 Adding message field to our emails

Lecture 59 Conclusion

Section 5: DOWNLOAD SOURCE CODE ZIP FILES FROM GITHUB

Lecture 60 DOWNLOAD SOURCE CODE ZIP FILES FROM GITHUB

Section 6: Bonus

Lecture 61 Other courses you may like

Lecture 62 Join my Discord server

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