Complete FrontEnd Web Development and Design HTML CSS JS
Loại khoá học: Other IT & Software
Complete guide to learning how to program online HTML CSS HTML5 CSS3 JavaScript jQuery
Mô tả
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…. All the source code is included… With regular challenges and exercises…
By the end of the course you will have the skills and know how to create websites.
I am here to help you learn how to create your own websites and ready to answer any questions you may have.
Want to know more, what are you waiting for take the first step. Join now to start learning how you too can create websites today.
Bạn sẽ học được gì
Create modern websites with HTML CSS and JavaScript
develop web applications from scratch
improved use of HTML CSS and JavaScript
write more efficient web code
Yêu cầu
- desire to learn
- access to a computer
Nội dung khoá học
20 sections
Modern Website Development Introduction
11:29
Modern Web developer Sneak peek
10:03
Course Tips and Resources
03:15
HTML CSS Course Introduction
08:48
Getting Started with HTML
10:07
Learn about HTML what is HTML
04:34
resources
00:13
Create an HTML template to use and reuse multiple times
06:53
HTML Comments and Meta Information
06:11
HTML Paragraphs LineBreaks Headings
08:09
Meta information and whitespace in HTML files
05:34
Working with HTML attributes and images
08:07
List types HTML
06:10
Working with Tables HTML
09:15
Connecting webpages with hyperlinks
09:38
Source Code resources
00:23
How to create a basic form in HTML
08:28
HTML5 Input Types
07:40
Creating amazing forms in HTML
10:50
HTML5 Web forms
07:42
HTML Source Code
00:31
Practice HTML Code
02:28
HTML5 Content Sectioning
06:27
How to add CSS and JavaScript to HTML pages
09:25
Working with Style Colors and text alignment CSS
10:04
Source Code adding CSS and JavaScript
00:08
CSS Background Styling options
12:17
Using CSS Selectors
07:38
CSS box Model Borders
10:03
Source Code HTML
00:45
CSS Box model padding shorthand
06:05
CSS Box Model Margins
06:44
Source Code CSS
00:16
CSS Shorthand vs Long Declarations PX EM and Percentage
04:57
Resources Box Model
00:03
CSS display options
08:30
CSS position elements
07:18
Display and Position Options Source Code
00:07
CSS pseudo Classes
08:01
CSS pseudo Elements
04:07
Source Code Pseudo
00:05
Multiple Selectors Same Properties
02:55
CSS Selector Nesting
04:17
CSS Clean up CSS and transform our webpage
05:54
Transform a list into a navigation bar
08:44
Create 2 columns in main content area
07:20
CSS more styling of HTML page
06:10
Make it responsive CSS website
12:49
Adding Google Fonts
02:32
Website Source Code
01:44
CSS resources
00:41
JavaScript Introduction course resources
03:26
First JavaScript Code
04:44
How to add JavaScript to your webpage
09:54
Syntax of JavaScript how to write code
09:24
Source Code Comments alerts
00:07
Debugging Dev tools console messages in JavaScript
09:25
JavaScript Variables Data Types
09:29
Source Code Variables
00:08
JavaScript How arrays work
07:58
JavaScript working with Arrays
05:22
JavaScript Arrays in Action
12:14
JavaScript Arrays as Strings and Slices
06:54
Source Code Arrays
00:21
JavaScript Working with Objects
08:17
JavaScript Constructor Objects
05:23
Source Code Objects
00:10
JavaScript Introduction to Functions
02:57
JavaScript working with Functions
06:52
JavaScript Functions in Action
07:10
JavaScript Global Scope Values in Functions
08:11
Source Code Functions
00:14
What is the DOM
06:46
JavaScript DOM Document Object Model
05:50
JavaScript getElementById
06:56
JavaScript DOM select elements via Class and Tags
06:34
JavaScript the Document Object data
05:22
JavaScript Update Styling attributes using the DOM
05:48
Source Code DOM
00:16
JavaScript DOM onclick
05:36
JavaScript Mouse Events
07:32
Source Code Events
00:23
JavaScript addEventListener
07:28
Source AddEventlistener
00:22
JavaScript Queryselectorall multiple elements event listeners
07:17
JavaScript More Element Selection options
06:03
Source Code Multiple Element Selection
00:25
JavaScript Creating New Elements
06:27
Source Code Create Elements
00:16
DOM and Form Create Form Validation
13:01
Source Code Form Validation
00:31
JavaScript Fundamentals
05:02
JavaScript Operators Introduction
09:17
JavaScript Operators increment alternating row colors
08:45
JavaScript Conditional ternary operator
03:18
JavaScript Logical operators
03:13
Source Code Operators
00:38
JavaScript Math Method
05:49
JavaScript Date Method
04:34
Source Code Useful Methods
00:25
JavaScript Conditions
06:11
JavaScript working with Conditions
03:01
Source Code Conditions
00:31
JavaScript Switch Condition
04:47
Source Code Switch
00:28
JavaScript While Loop
04:42
JavaScript Do loop
02:15
JavaScript For loop
02:19
Source Code Loops
00:33
JavaScript introduction to JSON
04:37
JavaScript Multiple Objects
04:13
JavaScript AJAX connection
05:56
JavaScript Get JSON data using AJAX
07:34
JavaScript External JSON file Data using AJAX
03:02
Source Code AJAX
00:09
JavaScript AJAX more details
05:13
JavaScript AJAX server interaction
02:21
JavaScript AJAX send data to server
03:07
JavaScript AJAX post data to server
05:27
Source Code AJAX POST
00:12
update form to multiple inputs challenge
02:33
Source Code Multiple fields
00:13
Source Code JavaScript Stringify LocalStorage
03:42
String WhiteSpace Remover
07:52
Object Constructor Example
04:25
Math Random and Arrays Random.
13:30
JavaScript Array Remove Items
12:31
Immediately Invoked Function Expression
03:24
Data Automatic Type Conversion
11:00
JavaScript Serialization and deserialization
13:27
JavaScript Map Method
04:00
JavaScript Logical Condition
05:52
JavaScript Array Includes Method
08:40
JavaScript Array Filter Method
16:31
JavaScript Stringify LocalStorage
12:37
Create a Count Down timer with intervals using JavaScript
04:52
JavaScript Closures
06:59
Introduction to jQuery
03:02
How to add jQuery to your webpages
02:17
Course resources Add jquery into your webpage
10:36
jQuery Course Resources
00:19
what is the DOM in JavaScript
05:54
Learn about the DOM
00:17
Document Object Model information via the browser
03:12
How to write jQuery code
02:47
jQuery Check First jQuery Code
08:17
Course Source Code jQuery 1
00:07
Use jQuery to update web page content
07:49
All about jquery selectors pick elements from your webpage
06:47
jQuery Web page manipulation and content interaction
08:36
Source Code for Website used within this course
00:12
Using Each and THIS to get element contents
05:29
Updating Elements Before After Prepend Append
10:42
Sample of Updating Elements
00:05
Modify Elements Empty Remove
03:17
each loop advanced
04:25
Source code for jQuery example
00:06
Event listeners Interactive web pages
07:13
jQuery event listeners Click events shorthand vs regular
07:38
jQuery Challenge 1 create interactive list
02:42
Source Code for Challenge
00:14
jQuery Solution to Challenge 1
04:09
Common jQuery Mouse events
09:57
jQuery Mouse Events Mouse Pressed
03:58
jQuery Keyboard Events
06:29
Source Code Events
00:09
Form Events jQuery
08:56
Source Code Demo
00:03
jQuery Form Challenge 2
07:56
Source Code for Challenge
00:36
jQuery Challenge 2 Solution Form Field Check
03:07
Source Code for Challenge
00:11
jQuery power of Find
10:42
Source Code
00:06
Parents and Children selection
09:25
jQuery more selection of Children looping
06:24
jQuerry Traversing Next and siblings
09:54
Source Code try it Yourself
00:10
Traversing First Last Selection
04:14
Source Code
00:01
jQuery Filters for selection
03:42
jQuery Add CSS values
05:33
jQuery howto work with classes
04:38
jQuery CSS remove Class
03:41
hasclass challenge Toggle class
05:53
Source Code Challenge Toggle list
00:12
List Source Code
00:08
jQuery challenge solution Toggle Dynamic List Items
04:33
Dynamic List Source Code
00:10
jQuery Attribute Content and update
07:30
jQuery Attribute Source Code
00:12
jQuery Effects Hide Show
05:54
jQuery Toggle Element
03:49
jQuery Callbacks
04:51
Source Code Hide Show
00:11
jQuery Fading Elements
05:27
jQuery Fading Source Code
00:11
jQuery Element Sliding
04:32
Source Code Slide
00:12
animate your Elements with jQuery
10:06
jQuery Animate Source Code
00:18
jQuery and AJAX
09:51
Simple loading content to element via AJAX
04:58
jQuery AJAX get
09:24
jQuery getJSON data from external file
07:32
Get Load Source Code jQuery AJAX
00:24
jQuery working with POST data
06:47
jQuery AJAX method
06:09
jQuery Course Resources
00:35
HTML CSS Lesson Plan
05:08
jQuery Keyup Content match in form field
08:49
Source Code
00:30
Form Select return value on change
05:35
jQuery Event AJAX response from server
09:09
jQuery and radio buttons and check boxes
10:43
Source Code
00:45
jQuery UI autocomplete setup
07:14
jQuery UI autocomplete from Dynamic JSON file
07:20
Source Code
00:22
How to create a JavaScript popup modal window
15:09
Source Code
00:36
CSS Flexbox Getting started display flex flex wrap and flex Direction
13:05
CSS Flexbox align elements
12:21
CSS Flexbox children properties
11:24
CSS Flexbox Getting started display flex flex wrap flex Direction Code Example
00:38
String encryption with JavaScript
10:13
Source code for String Encryption example
00:27
Zindex CSS property coding example
08:02
Introduction to HTML5 Questions
01:34
HTML5 Questions Web Dev Resources
02:39
HTML5 Questions 1-5 test your knowledge of HTML with Video Answers
12:55
HTML5 Questions 6-10 test your knowledge of HTML with Video Answers
07:43
HTML5 Questions 11-15 test your knowledge of HTML with Video Answers
10:07
HTML5 Questions 16-20 test your knowledge of HTML with Video Answers
07:23
HTML5 Questions 21-25 test your knowledge of HTML with Video Answers
08:12
HTML5 Questions 26-30 test your knowledge of HTML with Video Answers
07:40
HTML5 Questions 31-35 test your knowledge of HTML with Video Answers
07:41
HTML5 Questions 36-40 test your knowledge of HTML with Video Answers
08:02
HTML5 Questions 41-45 test your knowledge of HTML with Video Answers
04:17
HTML5 Questions 46-50 test your knowledge of HTML with Video Answers
04:01
HTML5 Questions 51-55 test your knowledge of HTML with Video Answers
07:25
HTML5 Questions 56-60 test your knowledge of HTML with Video Answers
05:03
HTML5 Questions 61-65 test your knowledge of HTML with Video Answers
08:20
HTML5 Questions 66-70 test your knowledge of HTML with Video Answers
05:30
HTML5 Questions 71-75 test your knowledge of HTML with Video Answers
04:26
HTML5 Questions 76-80 test your knowledge of HTML with Video Answers
04:24
HTML5 Questions 81-85 test your knowledge of HTML with Video Answers
05:04
HTML5 Questions 86-90 test your knowledge of HTML with Video Answers
05:55
HTML5 Questions 91-95 test your knowledge of HTML with Video Answers
04:21
HTML5 Questions 96-100 test your knowledge of HTML with Video Answers
08:00
Bonus Lecture
01:12
Viết Bình Luận
Khoá học liên quan
Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!
Get khoá học giá rẻ ngay trước khi bị fix.
Đánh giá của học viên
Bình luận khách hàng