Learn what it takes to start creating your own websites. Have you ever wondered how your favorite websites were built, and how they work? This comprehensive course is designed to show you everything you need to know to create your own websites.
This course is designed to take you through all the fundamentals to creating websites, including HTML, CSS, JavaScript and jQuery. Learn the foundations of creating a website opening the doors to limitless possibilities.
Creating websites is easier than you think, even if you have never looked at HTML code, this course will help get you started quickly. You will be creating you own HTML in minutes. To create websites all you need is a desire to learn, then practice and apply what you learn.
Web skills are in demand, and there is an ever growing need to know the basics of how websites work. Companies will continue to shift focus to online content, online platforms and everything online. the internet has changed the rules, as more people buy online, spend time online and work online, the demand will continue to grow. Being able to create websites is a like a key to a whole new world of possibilities.
I’m an instructor with over 15 years of real world web development experience. Let me share my knowledge with you and show you the core skills you need in the real world.
No additional courses needed, it’s all here – everything you need to know.
By the end of the course you will have the skills and know how to add JavaScript within your website.
I am here to help you learn how to create your own websites and ready to answer any questions you may have.
Web developments skills are the most in demand skills, and learning how to use HTML CSS and JavaScript will help to separate you from the crowd.
Front-end Development Course will cover the following topics:
Topic 1 - HTML Learning The Structure Of The Web
- Introduction To HTML
- What Is HTML5
- HTML CSS Tools And Resources Editors
- Resources And Tools
- Create Your First HTML Page
- HTML Metadata
- Source Code For Default Template
- HTML Paragraphs And Whitespace
- Source Code
- HTML Add Meaning To Text Tags
- Headings HTML
- Source Code
- Organizing HTML Content Lists
- Source Code Lists
- HTML Images And Attributes
- HTML Tables
- Source Code Resources
- Hyperlinks HTML
- Source Code Hyperlinks
- Working With HTML Forms Part 1
- Working With HTML Forms Part 2
- Source Code Forms
- Divs And Spans In HTML
- HTML5 Webpage Structure
- HTML5 Page Source
Topic 2 - CSS Styling
- Introduction To CSS
- What Is CSS
- How To Add Styling Adding CSS
- Selectors IDs Spans Tags
- Source Code CSS
- CSS Adding Color
- CSS Backgrounds
- Source Code Backgrounds
- CSS Box Model
- Source Code
- CSS Shorthand
- CSS Font Shorthand Properties
- CSS Display Property
- Source Code Display
- CSS Positioning
- Source Code Position
- Pseudo Classes CSS
- Pseudo Elements CSS3
- CSS3 Pseudo Source Code
- CSS Selectors
- CSS Selection Of Elements
- Source Code Selectors
- Google Fonts
- Overflow CSS
- CSS Generators And Tools
- CSS Make It Responsive
- Amazing CSS
- CSS Resources And Links
Topic 3 - JavaScript
- Introduction To JavaScript
- JavaScript Course Introduction To Resources
- How To Use Your Browser As An Editor
- JavaScript How To Add It To Your Website
- Source Code Add JavaScript
- Customized User Expereince With JavaScript
- Source Code Prompt
- JavaScript Variables And Debugging
- Source Code Variables
- JavaScript How To Create An Array
- Working With JavaScript Arrays
- JavaScript Array Functions
- Source Code Arrays
- JavaScript Objects In Action
- Source Code Objects
- Introduction To JavaScript Functions
- Source Code Functions
- JavaScript Document Object Model
- JavaScript Accessing The DOM Info
- JavaScript Update Element Styling
- JavaScript DOM Event Listeners
- Source Code DOM
- JavaScript Element Selection Plus
- Source Code Selectors
- How To Create New Elements Using JavaScript
- JavaScript Element Children
- Source Code Selections
- JavaScript Operators Dynamic Updates
- JavaScript Operators Ternary And Logical
- Source Code Operators
- Conditional Statements Else if
- Source Code
- JavaScript Looping
- Source Code Looping
- JavaScript Methods Math
- JavaScript ParseInt
- Source Code Methods
- JavaScript Date And Time
- Intro To JavaScript Objects
- JSON Object Aray Multiple Items
- Source Code JSON
- Create JSON
- JavaScript Make AJAX Call
- JavaScript AJAX Parse As JavaScript Objects
- Source Code JSON AJAX
- JavaScript For In Loop
- Source Code For In
- POST To Server AJAX
- Send Data Via AJAX To Server
- Source Code Send POST
Topic 4 - jQuery Faster And Quicker Coding
- Introduction To jQuery
- What Is jQuery And How Do You Use It
- How jQuery Works
- Use jQuery To Update Webpage
- 4 Selecting Each Item From Mulitple Items
- 5 jQuery Updating Page Content
- 6 Source Code From Previous Lessons
- 7 jQuery Event Listeners
- 8 jQuery Filter Your Selection Via Index Value
- 9 jQuery Prevent Default Actions
- 10 Form Event Triggers jQuery
- 11 Source Code Events
- 12 jQuery Traversing The Elements
- 13 jQuery Traversing Children Siblings And More
- 14 jQuery Element Selection
- 15 Source Code Traversing
- 16 jQuery And CSS
- 17 Working With Classes In jQuery
- 18 jQuery Toggle Classes
- 19 jQuery Working With Attributes
- 20 Source Code Styling And Attributes
- 21 jQuery Simple Effects And Callbacks
- 22 jQuery Effects
- 23 Animate With jQuery
- 24 Source Code Effects
- 25 jQuery Simple AJAX Load
- 26 AJAX Get And Send Data jQuery Methods
- 27 jQuery AJAX Post AJAX
- 28 Source Code AJAX Methods
Topic 5 - Bonus Content
