Front End Web Development Ultimate Guide

1 Welcome

2 Brave

3 Firefox

4 Firefox Developer Edition

5 Google Chrome

6 Chrome Extensions

7 Chrome Developer Tools

8 Microsoft Edge

9 Opera

10 Git Bash

11 Mac Terminal

12 GitHub

13 GitLab

14 Webpack

15 Web Hosting

16 cPanel

17 Domain Name

18 Font Awesome

19 Google Fonts

20 Slack

21 Sublime Text 3

22 Overview

23 Download & Install

24 Features

25 Developer Tools

26 Summary

27 Overview

28 Download & Install

29 Open a Project

30 Version Control with GitHub

31 Collaborate with Teletype

32 Install a Package

33 Choose a Theme

34 Customize the Styling

35 Hack on the Init Script

36 Add a Snippet

37 Keyboard Shortcuts

38 Summary

39 Overview

40 HTML History

41 What is HTML

42 What is HTML5

43 Overview

44 Download and Setup Files

44(HTML5)

45 Comment

46 !DOCTYPE

47 html

48 head

679 Certified Kubernetes Administrator

49 title

50 body

51 h1 to h6

52 p

53 br

54 hr

55 a

56 link

57 meta

58 style

59 Summary

60 Overview

61 div

62 span

63 header

64 nav

65 main

66 section

67 article

68 aside

69 details

70 dialog

71 summary

72 data

73 footer

74 Summary

75 Overview

76 ul

77 ol

78 li

79 dir

80 dl

81 dt

82 dd

83 Summary

84 Overview

85 img

86 map

87 area

88 canvas

89 figcaption

90 figure

91 picture

92 svg

93 Summary

94 Overview

95 audio

96 source

97 track

98 video

99 Summary

100 Overview

101 form

102 input

103 textarea

104 button

105 select

106 optgroup

107 option

108 label

109 fieldset

110 legend

111 datalist

112 output

113 Summary

114 Overview

115 frame

116 frameset

117 noframes

118 iframe

119 Summary

120 Overview

121 table

122 caption

123 th

124 tr

125 td

126 thead

127 tbody

128 tfoot

129 col

130 colgroup

131 Summary

132 Overview

133 script

134 noscript

135 applet

136 embed

137 object

138 param

139 Summary

140 Overview

141 acronym

142 abbr

143 address

144 b

145 bdi

146 bdo

147 big

148 blockquote

149 center

150 cite

151 code

152 del

153 dfn

154 em

155 font

156 i

157 ins

158 kbd

159 mark

160 meter

161 pre

162 progress

163 q

164 rp

165 rt

166 ruby

167 s

168 samp

169 small

170 strike

171 strong

172 sub

173 sup

174 template

175 time

176 tt

177 u

178 var

179 wbr

180 Summary

181 Overview

182 Build Home Page

183 Build Tech Support Page

184 Build Course Page

185 Build Premium Plus Page

186 Build Learn Tech Page

187 Build Contact Page

188 Summary

189 Overview

190 History

191 What is CSS

192 What is CSS3

193 Overview

194 Download Course Files

194(CSS3)

195 Comments

196 Insert CSS

197 Syntax

198 Selectors

199 Colors

200 Backgrounds

201 Borders

202 Margins

203 Padding

204 Height and Width

205 Box Model

206 Outline

207 Text

208 Fonts

209 Icons

210 Links

211 List

212 Tables

213 Display

214 Max-Width

215 Position

216 Overflow

217 Float

218 Inline-Block

219 Align

220 Combinators

221 Pseudo Class

222 Pseudo Element

223 Opacity

224 Navigation Bar

225 Dropdowns

226 Image Gallery

227 Image Sprites

228 Attribute Selectors

229 Forms

230 Counters

231 Website Layout

232 Units

233 Specificity

234 !important

235 Overview

236 Rounded Corners

237 Border Images

238 Gradients

239 Shadows

240 Transitions

241 Animations

242 Tooltips

243 Buttons

244 Pagination

245 Media Queries

246 Overview

247 Flexbox

248 Flex Container

249 Flex Items

250 Flex Responsive

251 Overview

252 Viewport

253 Grid View

254 Media Queries

255 Images

256 Videos

257 Frameworks

258 Templates

259 Overview

260 Grid

261 Grid Container

262 Grid Items

263 Overview

264 Style Home Page

265 Style Tech Support Page

266 Style Course Page

267 Style Premium Page

268 Style Learn Tech Page

269 Style Contact Page

270 Summary

271 Overview

272 History

273 What is JavaScript

274 Versions

275 Overview

276 Download Files

276(JavaScript)

277 Insert JavaScript

278 Output

279 Statements

280 Syntax

281 Comments

282 Variables

283 Let

284 Const

285 Operators

286 Arithmetic

287 Assignment

288 Data Types

289 Functions

290 Objects

291 Events

292 Strings

293 String Methods

294 Numbers

295 Number Methods

296 Arrays

297 Array Methods

298 Array Sort

299 Array Iteration

300 Dates

301 Date Formats

302 Date Get Methods

303 Date Set Methods

304 Math

305 Random

306 Booleans

307 Comparisons

308 Conditions

309 Switch

310 Loop For

311 Loop For In

312 Loop For Of

313 Loop While

314 Break

315 Type Conversion

316 Bitwise

317 RegExp

318 Errors

319 Scope

320 Hoisting

321 Strict Mode

322 this Keyword

323 Arrow Function

324 Classes

325 JSON

326 Debugging

327 Style Guide

328 Best Practices

329 Mistakes

330 Performance

331 Reserved Words

332 Overview

333 Definitions

334 Properties

335 Methods

336 Display

337 Accessors

338 Constructors

339 Prototypes

340 ECMAScript 5

341 Overview

342 Definitions

343 Parameters

344 Invocation

345 Call

346 Apply

347 Closures

348 Overview

349 Intro

350 Inheritance

351 Static

352 Overview

353 Callbacks

354 Asynchronous

355 Promises

356 AsyncAwait

357 Overview

358 Intro

359 Methods

360 Documents

361 Elements

362 HTML

363 CSS

364 Animations

365 Events

366 Event Listener

367 Navigation

368 Nodes

369 Collections

370 Node Lists

371 Overview

372 Window

373 Screen

374 Location

375 History

376 Navigator

377 Popup Alert

378 Timing

379 Cookies

380 Overview

381 Intro

382 XML http

383 Request

384 Response

385 XML File

386 PHP

387 ASP

388 Database

389 Applications

390 Overview

391 Intro

392 Syntax

393 JSON vs XML

394 Data Types

395 Parse

396 Stringify

397 Objects

398 Arrays

399 PHP

400 HTML

401 JSONP

402 Overview

403 Intro

404 History

405 Storage

406 Worker

407 Fetch

408 Geolocation

409 Overview

410 Selectors

411 HTML

412 CSS

413 DOM

414 Overview

415 What is jQuery

416 Why jQuery

417 Download

418 CDN

419 Download and Setup Files

419(jQuery)

420 Overview

421 What are Selectors

422 All Elements

423 -id

424 class

425 first

426 last

427 even

428 odd

429 first-child

430 first-of-type

431 last-child

432 last-of-type

433 nth-child()

434 nth-last-child()

435 nth-last-of-type()

436 only-child

437 only-of-type

438 parent child

439 parent descendant

440 element + next

441 element - siblings

442 eq

443 gt

444 lt

445 not

446 header

447 animated

448 focus

449 contains

450 has

451 empty

452 parent

453 hidden

454 visible

455 root

456 language

457 -attribute-

458 -attribute=value-

459 -attribute!=value-

460 -attribute$=value-

461 -attribute=value-

462 -attribute-=value-

463 -attribute-=value-

464 -attribute=value-

465 input

466 text

467 password

468 radio

469 checkbox

470 submit

471 reset

472 button

473 image

474 file

475 enabled

476 disabled

477 selected

478 checked

479 Overview

480 blur()

481 change()

482 click()

483 dbclick()

484 focus()

485 focusin()

486 focusout()

487 hover()

488 keydown()

489 keypress()

490 keyup()

491 live()

492 load()

493 mousedown()

494 mouseenter()

495 mouseleave()

496 mousemove()

497 mouseout()

498 mouseover()

499 mouseup()

500 off()

501 on()

502 unload()

503 Overview

504 animate()

505 clearQueue()

506 delay()

507 dequeue()

508 fadeIn()

509 fadeOut()

510 fadeTo()

511 fadeToggle()

512 finish()

513 hide()

514 queue()

515 show()

516 slideDown()

517 slideToggle()

518 slideUp()

519 stop()

520 toggle()

521 Overview

522 addClass()

523 after()

524 append()

525 appendto()

526 attr()

527 before()

528 clone()

529 css()

530 empty()

531 hasClass()

532 height()

533 html()

534 prop()

535 remove()

536 toggleClass()

537 Overview

538 What is Bootstrap

539 Get Bootstrap

540 Download and Setup Files

540(Bootstrap+4)

541 Overview

542 Containers

543 Grid Basic

544 Typography

545 Colors

546 Tables

547 Images

548 Jumbotron

549 Alerts

550 Buttons

551 Button Groups

552 Badges

553 Progress Bars

554 Spinners

555 Pagination

556 List Groups

557 Cards

558 Dropdowns

559 Collapse

560 Navs

561 Navbar

562 Forms

563 Inputs

564 Input Groups

565 Custom Forms

566 Carousel

567 Modal

568 Tooltip

569 Popover

570 Toast

571 Scrollspy

572 Utilities

573 Flex

574 Icons

575 Media Objects

576 Filters

577 Overview

578 Grid System

579 StackedHorizontal

580 Grid XSmall

581 Grid Small

582 Grid Medium

583 Grid Large

584 Grid XLarge

585 Grid Examples

586 Overview

587 Alert

588 Button

589 Carousel

590 Collapse

591 Dropdown

592 Modal

593 Popover

594 Scrollspy

595 Tab

596 Toasts

597 Tooltip

598 Overview

599 Build Home Page

600 Build About Page

601 Build Services Page

602 Build Contact Page

603 Summary

604 Overview

605 What is SVG

606 SVG Advantages

607 Creating SVG Images

608 Overview

609 Download and Setup Files

609(SVG)

610 HTML

611 Rectangle

612 Circle

613 Ellipse

614 Line

615 Polygon

616 Polyline

617 Path

618 Text

619 Stroking

620 Filters

621 Blur Effects

622 Drop Shadows

623 Linear

624 Radial

625 Overview

626 Drawing

627 Coordinates

628 Gradients

629 Text

630 Images

631 Overview

632 Introduction

633 Face

634 Numbers

635 Hands

636 Start

637 Overview

638 Introduction

639 Project

640 Summary

641 Thank You

642-2 (1)

642-2 (2)

642-2 (3)

643 Basic HTML5

644 Advanced HTML5

645 Basic CSS3

646 Advanced CSS3

647 Basic JavaScript

648 Advanced JavaScript

649 Basic jQuery

650 Advanced jQuery

651 Basic SVG

652 Advanced SVG

653 Basic Bootstrap 4

654 Advanced Bootstrap 4

655 Powershell

656 HTTP

657 Developer Tools

658 ThreeJS

659 OpenGL

660 WebGL

661 Apache Web Server

662 Apache Tomcat

663 Server Infrastructure

664 Servlet

665 JSF

666 JDBC

667. Debugging

668 A-Frame Framework

669 WebVR

670 Java Web Services

671 Helm

672 Zabbix

673 Grafana

674 Burp Suite

675 MariaDB

676 Prometheus Software

677 Network Monitoring

678 Clojure

679 Certified Kubernetes Administrator

680 Apache Groovy

681 Blazor

682 NextJS

683 Deno

684 Databricks

685 OpenShift

686 Intellij

687 Swagger Tools

688 Domain Trading

689 Angular Material

690 Summary