This course is designed for those interested to learn how to create websites.
Read more.Students
1104
Course Skill Level
Beginner
Time Estimate
16h 5m
Instructor
I'm here to help you learn, achieve your dreams, come join me on this amazing adventure today. Providing Web development courses and digital marketing
Access all courses in our library for only $9/month with All Access Pass
Get Started with All Access PassBuy Only This CourseAbout This Course
Who this course is for:
- Those who want to learn about web design
- Web developers
- Front-end developers
What you’ll learn:Â
- Learn to use HTML to provide structure for your webpage
- Give your HTML code some style with CSS
- Make your website come to life with Javascript
Requirements:Â
- No prior knowledge is required to take this courseÂ
Software version used in the course:
- HTML
Develop the skills you need in order to be able to make websites from scratch. Learn to use HTML5, CSS3, JavaScript, and jQuery together in building modern beautiful, fully functional amazing websites.
HTML CSS and JavaScript are the cornerstones of the web. These are the foundation languages of every web page today, and every page has all or combinations of these core technologies.
This course is perfect for anyone who wants to learn about web design and web development. Knowing how to use these core technologies provides limitless possibilities. This course will help you get started quickly and lay the foundation for programming fundamentals.
The core of being a front-end web developer is knowing how to utilize HTML, CSS, and JavaScript to build projects from concept to inception.
This course will introduce you to HTML which provides the structure for your webpage
- How to build an HTML5 template
- Learning what HTML is and how it works
- Using comments, and meta information
- Working with attributes
- Adding Images, hyperlinks, tables, and lists
- How to use Headings, paragraphs, and line breaks
- Structuring your HTML page for better presentation
- Everything you need to know about HTML forms
Add your style making your HTML code shine with CSS
- What CSS is and how it works
- Colors and Text styling
- How to work with backgrounds
- What the box model is and why it’s important
- Google fonts
- Making it responsive
- Better selection of HTML elements
- Display position and more
- Why use Pseudo-Classes and Pseudo-elements
- Nesting, multiple element styling
- How to transform your HTML code
- How to make a navigation bar
Make your website come to life with JavaScript
- How to write JavaScript code
- Built-in methods
- Different data types in JavaScript
- Debugging JavaScript
- Variables arrays and objects
- Using functions to make the magic happen
- The power of the DOM
- Selecting elements to make dynamic
- Interacting with your web users
- Event listeners
- Creating elements on the fly with JavaScript
- Operators and more
- Conditions and switch statements
- Looping your code
- What JSON is and how to use it
- No page reload AJAX calls
- Sending data to the server and receiving data as objects
Take it one step further with jQuery
- What jQuery is and how to use it
- DOM and jQuery together
- Selectors picking your elements
- Manipulation of your HTML code
- Events and listeners
- jQuery code challenges
- Traversing the DOM with jQuery
- Why you’ll love jQuery
- Do even more with jQuery
- Hide show and toggle elements attributes
- Sliding, animations and cool effects
- jQuery and AJAX the perfect match up
This course covers all this and more!!
Our Promise to You
By the end of this course, you will develop the skills and know how to create websites.
10 Day Money Back Guarantee. If you are unsatisfied for any reason, simply contact us and we’ll give you a full refund. No questions asked.
Get started today and develop your skills in creating websites!
Course Curriculum
| Section 1 - Modern Web Development Introduction To Course Content | |||
| Modern Website Development Introduction | 00:00:00 | ||
| Modern Web Developer Sneak Peek | 00:00:00 | ||
| Section 2 - Learn HTML Fundamentals Of Website | |||
| HTML CSS Course Introduction | 00:00:00 | ||
| Getting Started With HTML | 00:00:00 | ||
| Learn About HTML What Is HTML | 00:00:00 | ||
| Resources | 00:00:00 | ||
| Create An HTML Template To Use And Reuse Multiple Times | 00:00:00 | ||
| HTML Comments And Meta Information | 00:00:00 | ||
| HTML Paragraphs LineBreaks Headings | 00:00:00 | ||
| Meta Information And Whitespace In HTML Files | 00:00:00 | ||
| Working With HTML Attributes And Images | 00:00:00 | ||
| List Types HTML | 00:00:00 | ||
| Working With Tables HTML | 00:00:00 | ||
| Connecting Webpages With Hyperlinks | 00:00:00 | ||
| Source Code Resources | 00:00:00 | ||
| How To Create A Basic Form In HTML | 00:00:00 | ||
| HTML5 Input Types | 00:00:00 | ||
| Creating Amazing Forms In HTML | 00:00:00 | ||
| HTML5 Web Forms | 00:00:00 | ||
| HTML Source Code | 00:00:00 | ||
| Practice HTML Code | 00:00:00 | ||
| HTML5 Content Sectioning | 00:00:00 | ||
| Section 3 - Learn CSS Fundamentals Of Website Development | |||
| How To Add CSS And JavaScript To HTML Pages | 00:00:00 | ||
| Working With Style Colors And Text Alignment CSS | 00:00:00 | ||
| Source Code Adding CSS And JavaScript | 00:00:00 | ||
| CSS Background Styling Options | 00:00:00 | ||
| Using CSS Selectors | 00:00:00 | ||
| CSS Box Model Borders | 00:00:00 | ||
| Source Code HTML | 00:00:00 | ||
| CSS Box Model Padding Shorthand | 00:00:00 | ||
| CSS Box Model Margins | 00:00:00 | ||
| Source Code CSS | 00:00:00 | ||
| CSS Shorthand Vs Long Declarations PX EM And Percentage | 00:00:00 | ||
| Resources Box Model | 00:00:00 | ||
| CSS Display Options | 00:00:00 | ||
| CSS Position Elements | 00:00:00 | ||
| Display And Position Options Source Code | 00:00:00 | ||
| CSS Pseudo Classes | 00:00:00 | ||
| CSS Pseudo Elements | 00:00:00 | ||
| Source Code Pseudo | 00:00:00 | ||
| Multiple Selectors Same Properties | 00:00:00 | ||
| CSS Selector Nesting | 00:00:00 | ||
| CSS Clean Up CSS And Transform Our Webpage | 00:00:00 | ||
| Transform A List Into A Navigation Bar | 00:00:00 | ||
| Create 2 Columns In Main Content Area | 00:00:00 | ||
| Section 4 - CSS Next Steps | |||
| CSS More Styling Of HTML Page | 00:00:00 | ||
| Make It Responsive CSS Website | 00:00:00 | ||
| Adding Google Fonts | 00:00:00 | ||
| Website Source Code | 00:00:00 | ||
| CSS Resources | 00:00:00 | ||
| Section 5 - JavaScript Creating Interactive Dynamic Content | |||
| JavaScript Introduction Course Resources | 00:00:00 | ||
| First JavaScript Code | 00:00:00 | ||
| How To Add JavaScript To Your Webpage | 00:00:00 | ||
| Syntax Of JavaScript How To Write Code | 00:00:00 | ||
| Source Code Comments Alerts | 00:00:00 | ||
| Debugging Dev Tools Console Messages In JavaScript | 00:00:00 | ||
| Section 6 - Writing JavaScript Code | |||
| JavaScript Variables Data Types | 00:00:00 | ||
| Source Code Variables | 00:00:00 | ||
| JavaScript How Arrays Work | 00:00:00 | ||
| JavaScript Working With Arrays | 00:00:00 | ||
| JavaScript Arrays In Action | 00:00:00 | ||
| JavaScript Arrays As Strings And Slices | 00:00:00 | ||
| Source Code Arrays | 00:00:00 | ||
| JavaScript Working With Objects | 00:00:00 | ||
| JavaScript Constructor Objects | 00:00:00 | ||
| Source Code Objects | 00:00:00 | ||
| JavaScript Introduction To Functions | 00:00:00 | ||
| JavaScript Working With Functions | 00:00:00 | ||
| JavaScript Functions In Action | 00:00:00 | ||
| JavaScript Global Scope Values In Functions | 00:00:00 | ||
| Source Code Functions | 00:00:00 | ||
| Section 7 - JavaScript In Action Get Dynamic And Interactive | |||
| What Is The DOM | 00:00:00 | ||
| JavaScript DOM Document Object Model | 00:00:00 | ||
| JavaScript getElementById | 00:00:00 | ||
| JavaScript DOM Select Elements Via Class And Tags | 00:00:00 | ||
| JavaScript The Document Object Data | 00:00:00 | ||
| JavaScript Update Styling Attributes Using The DOM | 00:00:00 | ||
| Source Code DOM | 00:00:00 | ||
| JavaScript DOM Onclick | 00:00:00 | ||
| JavaScript Mouse Events | 00:00:00 | ||
| Source Code Events | 00:00:00 | ||
| JavaScript AddEventListener | 00:00:00 | ||
| Source AddEventlistener | 00:00:00 | ||
| JavaScript Queryselectorall Multiple Elements Event Listeners | 00:00:00 | ||
| JavaScript More Element Selection Options | 00:00:00 | ||
| Source Code Multiple Element Selection | 00:00:00 | ||
| JavaScript Creating New Elements | 00:00:00 | ||
| Source Code Create Elements | 00:00:00 | ||
| DOM And Form Create Form Validation | 00:00:00 | ||
| Source Code Form Validation | 00:00:00 | ||
| Section 8 - JavaScript Fundamentals | |||
| JavaScript Fundamentals | 00:00:00 | ||
| JavaScript Operators Introduction | 00:00:00 | ||
| JavaScript Operators Increment Alternating Row Colors | 00:00:00 | ||
| JavaScript Conditional Ternary Operator | 00:00:00 | ||
| JavaScript Logical Operators | 00:00:00 | ||
| Source Code Operators | 00:00:00 | ||
| JavaScript Math Method | 00:00:00 | ||
| JavaScript Date Method | 00:00:00 | ||
| Source Code Useful Methods | 00:00:00 | ||
| JavaScript Conditions | 00:00:00 | ||
| JavaScript Working With Conditions | 00:00:00 | ||
| Source Code Conditions | 00:00:00 | ||
| JavaScript Switch Condition | 00:00:00 | ||
| Source Code Switch | 00:00:00 | ||
| JavaScript While Loop | 00:00:00 | ||
| JavaScript Do Loop | 00:00:00 | ||
| JavaScript For Loop | 00:00:00 | ||
| Source Code Loops | 00:00:00 | ||
| Section 9 - JavaScript JSON And AJAX | |||
| JavaScript Introduction To JSON | 00:00:00 | ||
| JavaScript Multiple Objects | 00:00:00 | ||
| JavaScript AJAX Connection | 00:00:00 | ||
| JavaScript Get JSON Data Using AJAX | 00:00:00 | ||
| JavaScript External JSON File Data Using AJAX | 00:00:00 | ||
| Source Code AJAX | 00:00:00 | ||
| JavaScript AJAX More Details | 00:00:00 | ||
| JavaScript AJAX Server Interaction | 00:00:00 | ||
| JavaScript AJAX Send Data To Server | 00:00:00 | ||
| JavaScript AJAX Post Data To Server | 00:00:00 | ||
| Source Code AJAX POST | 00:00:00 | ||
| Update Form To Multiple Inputs Challenge | 00:00:00 | ||
| Source Code Multiple Fields | 00:00:00 | ||
| Section 10 - jQuery For Quicker Coding | |||
| Introduction To jQuery | 00:00:00 | ||
| How To Add jQuery To Your Webpages | 00:00:00 | ||
| Course Resources Add jQuery Into Your Webpage | 00:00:00 | ||
| jQuery Course Resources | 00:00:00 | ||
| What Is The DOM In JavaScript | 00:00:00 | ||
| Learn About The DOM | 00:00:00 | ||
| Document Object Model Information Via The Browser | 00:00:00 | ||
| Section 11 - jQUERY Easy AJAX | |||
| How To Write jQuery Code | 00:00:00 | ||
| jQuery Check First jQuery Code | 00:00:00 | ||
| Course Source Code jQuery 1 | 00:00:00 | ||
| Use jQuery To Update Web Page Content | 00:00:00 | ||
| All About jQuery Selectors Pick Elements From Your Webpage | 00:00:00 | ||
| jQuery Web Page Manipulation And Content Interaction | 00:00:00 | ||
| Source Code For Website Used Within This Course | 00:00:00 | ||
| Using Each And THIS To Get Element Contents | 00:00:00 | ||
| Updating Elements Before After Prepend Append | 00:00:00 | ||
| Sample Of Updating Elements | 00:00:00 | ||
| Modify Elements Empty Remove | 00:00:00 | ||
| Each Loop Advanced | 00:00:00 | ||
| Source Code For jQuery Example | 00:00:00 | ||
| Section 12 - jQuery Events | |||
| Event Listeners Interactive Web Pages | 00:00:00 | ||
| jQuery Event Listeners Click Events Shorthand Vs Regular | 00:00:00 | ||
| jQuery Challenge 1 Create Interactive List | 00:00:00 | ||
| Source Code For Challenge | 00:00:00 | ||
| jQuery Solution To Challenge 1 | 00:00:00 | ||
| Common jQuery Mouse Events | 00:00:00 | ||
| jQuery Mouse Events Mouse Pressed | 00:00:00 | ||
| jQuery Keyboard Events | 00:00:00 | ||
| Source Code Events | 00:00:00 | ||
| Form Events jQuery | 00:00:00 | ||
| Source Code Demo | 00:00:00 | ||
| jQuery Form Challenge 2 | 00:00:00 | ||
| Source Code For Challenge | 00:00:00 | ||
| jQuery Challenge 2 Solution Form Field Check | 00:00:00 | ||
| Source Code For Challenge | 00:00:00 | ||
| Section 13 - jQuery Traversing | |||
| jQuery Power Of Find | 00:00:00 | ||
| Source Code | 00:00:00 | ||
| Parents And Children Selection | 00:00:00 | ||
| jQuery More Selection Of Children Looping | 00:00:00 | ||
| jQuery Traversing Next And Siblings | 00:00:00 | ||
| Source Code Try It Yourself | 00:00:00 | ||
| Traversing First Last Selection | 00:00:00 | ||
| Source Code | 00:00:00 | ||
| jQuery Filters For Selection | 00:00:00 | ||
| Section 14 - jQuery Styling | |||
| jQuery Add CSS Values | 00:00:00 | ||
| jQuery How To Work With Classes | 00:00:00 | ||
| jQuery CSS Remove Class | 00:00:00 | ||
| Hasclass Challenge Toggle Class | 00:00:00 | ||
| Source Code Challenge Toggle List | 00:00:00 | ||
| List Source Code | 00:00:00 | ||
| jQuery Challenge Solution Toggle Dynamic List Items | 00:00:00 | ||
| Dynamic List Source Code | 00:00:00 | ||
| jQuery Attribute Content And Update | 00:00:00 | ||
| jQuery Attribute Source Code | 00:00:00 | ||
| Section 15 - jQUERY Effects And Animations | |||
| jQuery Effects Hide Show | 00:00:00 | ||
| jQuery Toggle Element | 00:00:00 | ||
| jQuery Callbacks | 00:00:00 | ||
| Source Code Hide Show | 00:00:00 | ||
| jQuery Fading Elements | 00:00:00 | ||
| jQuery Fading Source Code | 00:00:00 | ||
| jQuery Element Sliding | 00:00:00 | ||
| Source Code Slide | 00:00:00 | ||
| Animate Your Elements With jQuery | 00:00:00 | ||
| jQuery Animate Source Code | 00:00:00 | ||
| Section 16 - jQuery AJAX | |||
| jQuery And AJAX | 00:00:00 | ||
| Simple Loading Content To Element Via AJAX | 00:00:00 | ||
| jQuery AJAX Get | 00:00:00 | ||
| jQuery Get JSON Data From External File | 00:00:00 | ||
| Get Load Source Code jQuery AJAX | 00:00:00 | ||
| jQuery Working With POST Data | 00:00:00 | ||
| jQuery AJAX Method | 00:00:00 | ||
| jQuery Course Resources | 00:00:00 | ||
| Section 17 - Bringing It Together HTML CSS And jQuery | |||
| HTML CSS Lesson Plan | 00:00:00 | ||
| jQuery Keyup Content Match In Form Field | 00:00:00 | ||
| Source Code | 00:00:00 | ||
| Form Select Return Value On Change | 00:00:00 | ||
| jQuery Event AJAX Response From Server | 00:00:00 | ||
| jQuery And Radio Buttons And Check Boxes | 00:00:00 | ||
| Source Code | 00:00:00 | ||
| jQuery UI Autocomplete Setup | 00:00:00 | ||
| jQuery UI Autocomplete From Dynamic JSON File | 00:00:00 | ||
| Source Code | 00:00:00 | ||
Related Courses
Are you interested in higher education?