HTML CSS JavaScript for Beginners Modern Web Design Course

Focused View

Laurence Svekis

15:40:50

22 View

1 - Introduction to web development and web design

1 - Introduction to web development.mp4

06:17

2 - HTML-CSS-and-JavaScript.pdf

2 - Web Developer Tools and Resources.mp4

03:14

2 - Learn HTML Course Section

3 - Introduction to HTML.mp4

05:23

4 - CodePen.txt

4 - HTML-1.pdf

4 - Lesson-Source.zip

4 - Section Source Code.html

5 - Getting to Know HTML.mp4

07:03

6 - What is an Element.mp4

04:45

7 - HTML page structure.mp4

04:48

8 - HTML metadata.mp4

02:25

9 - HTML Doctype.mp4

02:12

10 - More on Metadata and DocType.html

11 - Try it make index page.mp4

06:16

12 - Exercise 1 Start Code.html

13 - Element Formatting HTML.mp4

03:23

14 - HTML Headings.mp4

03:43

15 - Self Closing Tags.mp4

04:26

16 - HTML Exercise 2.mp4

01:55

17 - Exercise 2 Start Code.html

18 - HTML Comments.mp4

02:13

19 - Preformatted Text.mp4

02:50

20 - HTML Entities.mp4

03:17

21 - HTML text formatting.mp4

03:52

22 - More HTML text formatting.mp4

03:43

23 - Text Formatting Sample Code.html

24 - Practice text formatting.mp4

03:18

25 - Divs and Spans to organize content.mp4

03:49

26 - HTML5 Semantic Elements.mp4

03:45

27 - Text File for Next exercise.html

28 - Exercise 3 HTML5 Semantic Elements.mp4

04:46

28 - exercise-3-start.html

29 - Exercise 3.html

30 - Placeholder Content.mp4

02:04

31 - Hyperlinks Anchor Tag.mp4

11:03

32 - Try it Build a Page.mp4

04:28

33 - HTML sample site code example.html

34 - Adding Images to your Page.mp4

03:34

35 - Exercise 4 Images.mp4

02:53

36 - Exercise 4 HTML images.html

37 - HTML lists.mp4

05:21

38 - Sample Code HTML lists.html

39 - Exercise 5 Adding Lists.mp4

02:38

40 - Exercise 5 Source code.html

41 - Exercise 6 rebuild the first website.mp4

05:04

42 - Exercise 6 Source Code.html

43 - Exercise 7 Nested Lists.mp4

04:51

44 - Exercise 7 Source Code Sample.html

45 - HTML tables.mp4

08:21

46 - Sample Tables.html

47 - HTML tables with Style.mp4

02:04

48 - HTML Forms.mp4

07:12

49 - HTML Form Sample Code.html

50 - Create a Contact Form.mp4

07:11

51 - HTML Form options.mp4

03:57

52 - Form Submission.mp4

03:59

53 - More input types HTML5.mp4

11:20

54 - Source Code sample input type.html

55 - More with HTML5 Forms.mp4

06:31

56 - Sample Code sign up form HTML.html

57 - HTML form fieldset.mp4

04:05

58 - Exercise 9 Form Practice.mp4

08:16

59 - Exercise 9 Source Code.html

60 - HTML iframes.mp4

03:21

61 - Exercise 10 Build a Site.mp4

09:51

62 - Exercise 10 Website Sample HTML.html

3 - CSS Section

63 - Introduction to CSS.mp4

02:30

64 - CSS section resources and Source Code.html

64 - CSS-1.pdf

64 - example-CSS.zip

65 - What is CSS.mp4

08:56

66 - Basics of CSS.mp4

04:35

67 - CSS Inline Style.mp4

04:35

68 - Source Code inline Styles.html

69 - CSS Style Tag Styling.mp4

03:08

70 - CSS selection example.html

71 - Creating and using CSS file.mp4

03:43

72 - Attach Style CSS file.html

73 - CSS selection and classes.mp4

07:27

74 - CSS element selection Class id and tag.html

75 - CSS Colors.mp4

07:42

76 - CSS Color Selection and options example code.html

77 - CSS Background Property.mp4

07:11

78 - CSS Background Color style example.html

79 - CSS Display Property.mp4

05:12

80 - CSS display property example CSS code.html

81 - CSS for List items.mp4

02:41

82 - CSS Exercise 1 style a simple website.mp4

04:12

83 - CSS Exercise 1 Source Code.html

84 - Measures and Properties CSS.mp4

03:16

85 - CSS Divs and Spans.mp4

04:08

86 - Styling Text CSS.mp4

13:20

87 - Source Code examples CSS divs and spans and styling.html

88 - CSS font Family.mp4

03:15

89 - Google Fonts CSS.mp4

06:20

90 - CSS Fonts source code and resources.html

91 - CSS Exercise 2.mp4

06:57

92 - CSS Exercise 2 Source Code and examples.html

93 - CSS Floats Images.mp4

03:57

94 - CSS float elements.mp4

04:32

95 - CSS Float examples source code.html

96 - CSS Box Model.mp4

09:40

97 - CSS Box model source example.html

98 - Exercise 3 CSS.mp4

04:06

99 - CSS Exercise 3 Source Code.html

100 - Exercise 3 Solution.mp4

09:59

101 - CSS Outline.mp4

03:54

102 - CSS outline source code examples.html

103 - CSS position.mp4

09:46

104 - CSS position example source code.html

105 - Exercise 4 Image grid.mp4

03:53

106 - CSS Exercise 4 source code.html

107 - CSS fun with Hyperlinks.mp4

06:02

108 - CSS hyperlink source code.html

109 - CSS Pseudo Classes.mp4

04:36

110 - Source Code Pseudo Selection Classes CSS.html

111 - CSS and Tables.mp4

06:37

112 - CSS for tables.html

113 - CSS Overflow and MaxWidth.mp4

04:45

114 - CSS Element Alignments.mp4

11:27

115 - CSS overflow and element alignment source code example.html

116 - Website Project Part 1.mp4

06:48

116 - exercise1.html

117 - Website Project Part 2.mp4

09:18

118 - Website Project Part 3.mp4

02:03

119 - Source Code.html

4 - Learn JavaScript section

120 - Welcome to JavaScript.mp4

05:54

121 - JavaScript.pdf

121 - JavaScript.zip

121 - Section source code and resources.html

122 - Write JavaScript.mp4

10:48

123 - Update HTML element.mp4

11:28

124 - Source code console example.html

125 - JavaScript Code.mp4

05:49

126 - JavaScript Variables.mp4

08:16

127 - JavaScript Variables in Action.mp4

08:19

128 - JavaScript Coding example Variables.html

129 - JavaScript Try it Exercise 1.mp4

01:57

130 - Operators and assignments.mp4

07:49

131 - JavaScript Functions.mp4

06:57

132 - Source Code JavaScript Functions.html

133 - JavaScript Exercise 2 Function.mp4

05:14

134 - JavaScript Exercise 2 Source code.html

135 - Closer look at functions.mp4

04:18

136 - Source Code code functions.html

137 - JavaScript Objects.mp4

07:30

138 - Source Code Objects.html

139 - JavaScript 3 Exercise 3 Objects.mp4

01:56

140 - JavaScript Exercise 3 coding example.html

141 - JavaScript Arrays.mp4

07:05

142 - Array Methods.mp4

07:41

143 - JavaScript Source Code Array examples.html

144 - Condition Statements JavaScript.mp4

05:02

145 - Combine with Functions.mp4

03:53

146 - JavaScript Switch.mp4

04:29

147 - JavaScript Conditions and switch Example code.html

148 - JavaScript Loops.mp4

07:09

149 - Source Code Loops.html

150 - JavaScript String Methods.mp4

06:58

151 - Source Code String method examples.html

152 - ES6 JavaScript.mp4

04:08

153 - Source Code Let and Const ES6.html

154 - Document Object Model DOM.mp4

05:40

155 - Eventlisteners JavaScript.mp4

02:17

156 - JavaScript Event listeners.html

157 - JavaScript Exercise 4 Event Checker Exercise.mp4

07:31

158 - Source Code Exercise 4.html

5 - JavaScript Document Object Model DOM

159 - Introduction to JavaScript DOM.mp4

02:09

160 - What is the DOM.mp4

04:15

161 - DOM-JavaScript.zip

161 - JavaScript-DOM.pdf

161 - Source Code and Resources.html

162 - JavaScript DOM Manipulation.mp4

08:20

163 - Source Code DOM.html

164 - JavaScript DOM Selection.mp4

07:00

165 - Element Text Manipulation.mp4

05:47

166 - Change Classes DOM.mp4

06:10

167 - JavaScript DOM Examples and source code.html

168 - Change Styles DOM.mp4

06:08

169 - Element Attribute Manipulation.mp4

07:08

170 - Source Code and Examples DOM style and element attributes.html

171 - Interactive DOM Events.mp4

03:13

172 - Select Multiple Elements.mp4

05:36

173 - KeyPress Events.mp4

05:03

174 - JavaScript Mouse Events.mp4

02:42

175 - JavaScript DOM events.html

176 - JavaScript DOM Create your own Elements.mp4

05:04

177 - DOM Create elements.html

178 - Event listeners to New elements.mp4

03:42

179 - DOM add event listeners create elements.html

180 - Create Dynamic List.mp4

05:13

181 - List Project Exercise Input add new Element.mp4

03:38

182 - JavaScript Project Source Code Project List.html

183 - Project Bonus Adding Object Value.mp4

02:41

184 - Dynamic Values to Element Objects.html

6 - JavaScript HTML5 Canvas Drawing

185 - Getting started with HTML5 draw a line.mp4

02:26

186 - drawing a square or rectangle.mp4

01:36

187 - drawing a circle.mp4

03:37

188 - creating a dashed line.mp4

03:39

189 - animation moving a rectangle.mp4

08:00

190 - creating a semi circle.mp4

01:00

191 - create multiple circles.mp4

01:32

192 - responding to user input.mp4

02:18

193 - request animation frame.mp4

04:17

7 - JavaScript JSON and AJAX

194 - Introduction to JSON.mp4

03:50

195 - JSON.pdf

195 - JSON-source-code.zip

195 - Source Code and resource.html

196 - What is JSON.mp4

06:06

197 - JSON as Data.mp4

09:25

198 - Solution Create JSON.mp4

05:49

199 - JSON JavaScript object example.html

200 - JSON details.mp4

05:27

201 - Solution output JSON to HTML.mp4

03:03

202 - Output JSON JavaScript Object Example.html

203 - JavaScript Arrays of Objects.mp4

07:14

204 - JavaScript Arrays and Objects.html

205 - JavaScript Solution Array Objects.mp4

04:48

206 - Array Object JavaScript Output example.html

207 - JavaScript Loop Object Data.mp4

01:04

208 - Solution Loop Object Data.mp4

04:42

209 - JavaScript Loop Example source Code.html

210 - JavaScript add to Object.mp4

03:13

211 - JavaScript Object Examples.html

212 - JavaScript JSON methods.mp4

03:57

213 - JavaScript Methods JSON parse and stringify.html

214 - Local Storage Values.mp4

03:27

215 - Solution Local Storage.mp4

03:11

216 - JavaScript Local Storage examples and source code.html

217 - JavaScript Fetch.mp4

04:41

218 - Solution JavaScript Fetch.mp4

03:28

219 - Catching Errors Shorthand.mp4

02:45

220 - JavaScript Fetch.html

221 - JSON with multiple items.mp4

03:08

222 - Solution forEach JSON.mp4

02:55

223 - JSON Conclusion.mp4

02:06

224 - JSON AJAX solution source code and example.html

8 - Learn jQuery

225 - jQuery Introduction to section.mp4

02:21

226 - Source Code and resources.html

226 - jQuery.pdf

226 - source.zip

227 - Why jQuery and What is it.mp4

05:06

228 - Selecting with jQuery.mp4

04:09

229 - jQuery Fun with Styling.mp4

05:44

230 - jQuery Source Code example.html

231 - jQuery Content.mp4

03:55

232 - jQuery text html append prepend example.html

233 - jQuery Attributes.mp4

05:54

234 - jQuery addClass removeClass html examples.html

235 - Image and Form Attributes.mp4

05:55

236 - jQuery Form and attribute examples.html

237 - jQuery Click Events.mp4

04:26

238 - jQuery text toggleClass click.html

239 - Document Ready Event Listener.mp4

03:29

240 - jQuery document ready example.html

241 - jQuery Mouse Events.mp4

03:05

242 - Keyboard Events jQuery.mp4

06:22

243 - jQuery On Event listener.mp4

03:09

244 - jQuery Mouse Events Keyboard Events examples and source code.html

245 - jQuery Effects Hide Show.mp4

02:51

246 - jQuery hide show toggle example.html

247 - jQuery Fade Effect.mp4

05:13

248 - jQuery fadeIn fadeOut fadeToggle examples.html

249 - jQuery Slide Effect.mp4

01:47

250 - jQuery slideDown slideUp slideToggle.html

251 - jQuery Animate Effect.mp4

04:58

252 - jQuery animate example source code.html

253 - jQuery AJAX.mp4

03:28

254 - jQuery AJAX examples.html

255 - Load and CORS error.mp4

02:49

256 - AJAX and Form data.mp4

05:55

257 - Multiple Items in response output.mp4

03:52

258 - Get API JSON data output to HTML page example.html

259 - Select Element.mp4

03:22

260 - jQuery Select examples.html

261 - Course jQuery Exercise.mp4

07:37

262 - jQuery Project Source code.html

9 - Web Design and Development Questions Answers and Code Snippets

263 - JavaScript PopUp Modal.mp4

15:09

264 - How to create a popup modal window HTML CSS and JavaScript source Code.html

265 - Box Model and Border Box Sizing Example.mp4

12:35

266 - Code Example Box Model sizing.html

267 - How to select Dynamic elements from the page using QuerySelectorAll.mp4

20:02

268 - QuerySelectorAll List items added Dynamically Source Code and Example.html

269 - Add Page Elements Dynamically to DOM add Event Listeners all matching elements.mp4

18:51

270 - Source Code Add Event Listener to Page Elements add Elements Dynamically to page.html

271 - How to Output JavaScript Objects and Arrays to a web page JSON.mp4

19:35

272 - Source Code ComplexJavaScript Objects.html

273 - Bonus Lecture.html

273 - Brackets-Code-Editor-Guide.pdf

273 - HTML-Introduction.pdf

273 - JavaScript-Guide-2020.pdf

273 - Web-Hosting.pdf

274 - HTML Bookmark Links and Sticky Menu CSS coding Example.mp4

04:07

275 - Source Code HTML Bookmarks anchor tags CSS mini sticky menu at top of page.html

276 - JavaScript Object Construction Example.mp4

04:25

277 - Source Code JavaScript Object Construction Example.html

Description

Explore how to build amazing interactive and dynamic websites using HTML - CSS - JavaScript and jQuery

What You'll Learn?

Create websites using HTML and CSS
Create interactive content online using JavaScript
How to build real world creative and modern website
Coding, tips and resources for best practices to build a professional website
Using HTML5, CSS3, JQuery and JavaScript
Complete source code of final product.

Who is this for?

Everyone who wants to learn web development skills

Perfect course for anyone who wants to learn HTML5 CSS3 and JavaScript

Anyone who wants to learn more about web development

Web design beginners

What You Need to Know?

No coding experience is necessary

Desire to learn HTML CSS and JavaScript

Computer access and internet access

All resources and source code is provided

More details

Description
Explore how you can create websites from scratch!!!
Step by step course included EVERYTHINGÂ YOUÂ NEED to get started and learn all the fundamental core concepts of web deisgn and web development.
Source CODEÂ IS INCLUDEDÂ !!!
BONUSÂ helpful PDF ebook to get you started quickly
Professional training from an instructor with over 20 years of web development experience ready to help you learn and answer any questions you have.....
**Course covers everything you need to know about HTML
Basic syntax - all the common tags used to develop web content
How and where you can write HTML - top resources and links included
Learn about HTML structure within web pages
Explore HTML5 semantic elements
Build your own HTML template
Create HTML lists, hyperlinks, and add images
Build tables for even more HTML structure
Create Forms with in depth form examples and HTML tag explanations
Add iframes and more cool HTML elements
Create your own mini HTML site using only HTML
All this and more.
Course covers everything you need to know about CSS
Find the top resources and links to help you learn
The basics of styling
How to use Classes and IDÂ to select elements
Explore ALLÂ the colors for fonts and backgrounds
Move content display properties
Learn how to apply styling to common HTML like Lists, Tables, and more
Everything you need to style your text and make it look fantastic - including Google Fonts
Floats to position elements and content
The BOXÂ MODEL - padding, margins, border, height, and width for each element
CSS positioning
Working with Hyperlinks and making it look good
CSS Pseudo ClassÂ
Course covers everything you need to know about JavaScript
explore how to write JavaScript basics
Data types the building blocks of coding
Using Variables to hold data
Functions invoking blocks of code
JavaScript operators and assignment syntax
JavaScript Objects and Arrays
Conditions and Switches to apply logic
Loops and iterating through data
Arrays and array methodsÂ
Document object to manipulate HTML element content
all this and much more
Course covers everything you need to know about JavaScript Document Object Model DOM
Selecting elements within the DOM
Manipulating element content and text output
Adding styling and classes using JavaScript
Event Listeners to add user interaction to your web content
Building and creating elements with JavaScript
Build an interactive list project from scratch
Course covers everything you need to know about JSON and AJAX
What JSON is and how it works
Links and top resources for JSON and JavaScript
JavaScript Objects and JSON how they work and how you can use JSON within JavaScript code
Array objects and objects that contain arrays and more
How to iterate through all the JSONÂ data objects and output them into your HTML page
Challenges in lessons with step by step solutions
JavaScript JSONÂ methods
Local Storage to store JSON data
Using JavaScript Fetch to retrieve JSON data and responses
All this and much more
Course covers everything you need to know about jQuery
explore how to write jQuery basics
how to select elements to apply manipulations too
learn about applying style and classes
adding effects to elements like hide and show
make you web page come to life with animations and effects slide, fade and animation
create interaction with your page using event listeners like mouse events and keyboard events
use AJAX to connect to JSON data to easily populate content into your page
all this and much more
You'll get friendly support in the Q&A area and all the source code available for download.Â
What are you waiting join now to start learning how to make your own websites TODAY :)**

Who this course is for:
Everyone who wants to learn web development skills
Perfect course for anyone who wants to learn HTML5 CSS3 and JavaScript
Anyone who wants to learn more about web development
Web design beginners

User Reviews

Rating

average 0

Total votes0

Focused display

I'm here to help you learn, achieve your dreams, come join me on this amazing adventure todayGoogle Developers Expert - GSuite Providing Web development courses and digital marketing strategy courses since 2002.Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions online for both small and enterprise level businesses."I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I created my first computer applications in 1990, and my first website in 1998. I enjoy sharing my knowledge with others and want to help you share in the wonderful opportunities that the internet provides.""Learning, understanding with a strong passion for education. The internet has provided us with new opportunities to expand and share knowledge."Want to learn more about becoming a web developer, do you want to experience the freedom that technology provides for us? Learn how to bring amazing things to life online. Technology connects us all in many ways. It opens up doors to those who embrace it and learn how to make those connections real."My courses are designed to help you achieve your goals, learn and update skills"Background : An experienced web application developer, having worked on multiple enterprise level applications, hundreds of websites, business solutions and many unique and innovative web applications. Web application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP and MySQL. Anything to do with web creation and digital experience. Passionate about everything to do with web application development, programming to online marketing with a strong focus on social media and SEO. "Understanding technology provides a means to better connect with users. It also opens so many doors. Knowledge is the key to success and I want to help you experience what technology has to offer. I'm passionate about web technologies, and look forward to sharing my knowledge and experience with you!"

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.