Html Css Bootstrap Jquery Website From Scratch To Production
Last updated 11/2022
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 880.87 MB | Duration: 4h 46m
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 jаvascript. 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
Homepage
https://www.udemy.com/course/html-css-bootstrap-jquery/
Links are Interchangeable - No Password - Single Extraction
