Web Development Ultimate Guide

Web Development Ultimate Guide

Web Development Ultimate Guide

Everything you need to know about Web Development

Language: english

Note: 4.4/5 (135 notes) 25,987 students

Instructor(s): Josh Werner

Last update: 2022-11-08

What you’ll learn

  • Download & Install FireFox Developer Edition Web Browser
  • FireFox Developer Tools
  • Download & Install Atom Text Editor
  • Get Started with HTML5
  • Get Started with CSS3
  • Build a Website with HTML5
  • Style a Website with CSS3

 

Requirements

  • No programming experience need. You will learn everything you need to know

 

Description

Have you always wanted to learn how to do use Web Development but don’t know where to start?                     

Would you like to build apps with Web Development and bring your apps to life?                       

Then Web Development Ultimate Course is for you! 

Hi, I’m your instructor Josh Werner and I’ll be leading you through this course.     

Web Development is an in-demand skill in 2021. 

The course begins with the basics. We’ll Cover everything you need to know about Web Development Basics from scratch.                         

Next, you’ll learn all the fundamentals of Web Development Basics.

This is great for students starting that need a refresher course on Web Development.

There are no requirements necessary to enroll I only ask that you come open minded and ready to learn.

Feel Free to look through the course description and checkout some of my preview videos.

The course is packed with over 1 hour of hands-on tutorials


Here Is What You Will Learn:


01. Introduction

01. Overview

02. FireFox Developer Edition

02. Overview

03. Download & Install

04. Features

05. Developer Tools

06. Summary

03. Atom

07. Overview

08. Download & Install

09. Open a Project

10. Version Control with GitHub

11. Collaborate with Teletype

12. Install a Package

13. Choose a Theme

14. Customize the Styling

15. Hack on the Init Script

16. Add a Snippet

17. Keyboard Shortcuts

18. Summary

04. HTML5 – Get Started

19. Overview

20. HTML History

21. What is HTML

22. What is HTML5

23. Summary

05. HTML5 – Basic Tags

24. Overview

25. Download & Setup Files

26. <!– Comment –>

27. <!DOCTYPE>

28. <html>

29. <head>

30. <title>

31. <body>

32. <h1> to <h6>

33. <p>

34. <br>

35. <hr>

36. <a>

37. <link>

38. <meta>

39. <style>

40. Summary

06. Conclusion

41. Summary


So what are you waiting for? I look forward to going through course with you I’ll see you inside!

 

Who this course is for

  • Beginner Developers interested in Web Development

 

Course content

  • Introduction
    • Welcome
  • FireFox Developer Edition – Web Browser
    • Overview
    • Download & Install
    • Features
    • Developer Tools
    • Summary
  • Atom – Text Editor
    • Overview
    • Download & Install
    • Open a Project
    • Version Control with GitHub
    • Collaborate with Teletype
    • Install a Package
    • Choose a Theme
    • Customize the Styling
    • Hack on the Init Script
    • Add a Snippet
    • Keyboard Shortcuts
    • Summary
  • HTML5 – Get Started
    • Overview
    • HTML History
    • What is HTML
    • What is HTML5
    • Summary
  • HTML5 – Basic Tags
    • Overview
    • Download & Setup Files
    • </li><li><body></li><li><h1> to <h6></li><li><p></li><li><br></li><li><hr></li><li><a></li><li><link></li><li><meta></li><li><style></li><li>Summary</li></ul></li><li>Styles and Semantics<ul><li>Overview</li><li><div></li><li><span></li><li><header></li><li><nav></li><li><main></li><li><section></li><li><article></li><li><aside></li><li><details></li><li><dialog></li><li><summary></li><li><data></li><li><footer></li><li>Summary</li></ul></li><li>HTML5 - Lists<ul><li>Overview</li><li><ul></li><li><ol></li><li><li></li><li><dir></li><li><dl></li><li><dt></li><li><dd></li><li>Summary</li></ul></li><li>HTML5 - Images<ul><li>Overview</li><li><img></li><li><map></li><li><area></li><li><canvas></li><li><figcaption></li><li><figure></li><li><picture></li><li><svg></li><li>Summary</li></ul></li><li>HTML5 - Audio and Video<ul><li>Overview</li><li><audio></li><li><source></li><li><track></li><li><video></li><li>Summary</li></ul></li><li>HTML5 - Forms and Input<ul><li>Overview</li><li><form></li><li><input></li><li><textarea></li><li><button></li><li><select></li><li><optgroup></li><li><option></li><li><label></li><li><fieldset></li><li><legend></li><li><datalist></li><li><output></li><li>Summary</li></ul></li><li>HTML5 - Frames<ul><li>Overview</li><li><frame></li><li><frameset></li><li><noframe></li><li><iframe></li><li>Summary</li></ul></li><li>HTML5 - Tables<ul><li>Overview</li><li><table></li><li><caption></li><li><th></li><li><tr></li><li><td></li><li><thead></li><li><tbody></li><li><tfoot></li><li><col></li><li><colgroup></li><li>Summary</li></ul></li><li>HTML5 - Programming<ul><li>Overview</li><li>Script</li><li><noscript></li><li><applet></li><li></li><li><object></li><li><param></li><li>Summary</li></ul></li><li>HTML5 - Formatting<ul><li>Overview</li><li><acronym></li><li><abbr></li><li><address></li><li><b></li><li><bdi></li><li><bdo></li><li><big></li><li><blockquote></li><li><center></li><li><cite></li><li><code></li><li><del></li><li><dfn></li><li><em></li><li><font></li><li><i></li><li><ins></li><li><kbd></li><li><mark></li><li><meter></li><li><pre></li><li><progress></li><li><q></li><li><rp></li><li><rt></li><li><ruby></li><li><s></li><li><samp></li><li><small></li><li><strike></li><li><strong></li><li><sub></li><li><sup></li><li><template></li><li><time></li><li><tt></li><li><u></li><li><var></li><li><wbr></li><li>Summary</li></ul></li><li>HTML5 - Project<ul><li>Overview</li><li>Build Home Page</li><li>Build Tech Support Page</li><li>Build Course Page</li><li>Build Premium Plus Page</li><li>Build Learn Tech Page</li><li>Build Contact Page</li><li>Summary</li></ul></li><li>CSS3 - Get Started<ul><li>Overview</li><li>History</li><li>What is CSS</li><li>What is CSS3</li></ul></li><li>CSS3 - Basic Properties<ul><li>Overview</li><li>Download Course Files</li><li>Comments</li><li>Insert CSS</li><li>Syntax</li><li>Selectors</li><li>Colors</li><li>Backgrounds</li><li>Borders</li><li>Margins</li><li>Padding</li><li>Height/Width</li><li>Box Model</li><li>Outline</li><li>Text</li><li>Fonts</li><li>Icons</li><li>Links</li><li>Lists</li><li>Tables</li><li>Display</li><li>Max-Width</li><li>Position</li><li>Overflow</li><li>Float</li><li>Inline-Block</li><li>Align</li><li>Combinators</li><li>Pseudo Class</li><li>Pseudo Element</li><li>Opacity</li><li>Navigation Bar</li><li>Dropdowns</li><li>Image Gallery</li><li>Image Sprites</li><li>Attribute Selectors</li><li>Forms</li><li>Counters</li><li>Website layout</li><li>Units</li><li>Specificity</li><li>!important</li></ul></li><li>CSS3 - Advanced Properties<ul><li>Overview</li><li>Rounded Corners</li><li>Border Images</li><li>Gradients</li><li>Shadows</li><li>Transitions</li><li>Animations</li><li>Tooltips</li><li>Buttons</li><li>Pagination</li><li>Media Queries</li></ul></li><li>CSS3 - Flexbox<ul><li>Overview</li><li>Flexbox</li><li>Flex Container</li><li>Flex Items</li><li>Flex Responsive</li></ul></li><li>CSS3 - Responsive<ul><li>Overview</li><li>Viewport</li><li>Grid View</li><li>Media Queries</li><li>Images</li><li>Videos</li><li>Frameworks</li><li>Templates</li></ul></li><li>CSS3 - Grid<ul><li>Overview</li><li>Grid</li><li>Grid Container</li><li>Grid Item</li></ul></li><li>CSS3 - Project<ul><li>Overview</li><li>Style Home Page</li><li>Style Tech Support Page</li><li>Style Course Page</li><li>Style Premium Page</li><li>Style Learn Tech Page</li><li>Style Contact Page</li><li>Summary</li></ul></li><li>Conclusion<ul><li>Thank You</li></ul></li></ul><p> </p> <center> <a href="https://coursera.pxf.io/c/3301072/1320987/14726" target="_top" id="1320987" rel="noopener"><img decoding="async" loading="lazy" src="//a.impactradius-go.com/display-ad/14726-1320987" border="0" alt="" width="540" height="540"></a><img decoding="async" loading="lazy" height="0" width="0" src="https://imp.pxf.io/i/3301072/1320987/14726" style="position:absolute;visibility:hidden;" border="0"> </center> <div class="wp-block-getwid-countdown has-horizontal-alignment-center"> <div class="wp-block-getwid-countdown__wrapper has-text-color" style="color:#f30f3a;"> <div class="wp-block-getwid-countdown__content" data-datetime="negative" data-days="1" data-hours="1" data-minutes="1" data-seconds="1"> </div> </div> </div> <p class="has-text-align-center has-text-color" style="color:#f30f3a"><strong>Time remaining or 162 enrolls left</strong></p> <div class="is-content-justification-center is-layout-flex wp-container-3 wp-block-buttons"><div class="wp-block-button has-custom-width wp-block-button__width-50 has-custom-font-size is-style-outline has-medium-font-size"><a class="wp-block-button__link has-white-color has-text-color has-background" href="https://www.udemy.com/course/web-development-ultimate-course/?couponCode=TRYFREE1000122201" style="border-radius:8px;background-color:#F49201" target="_blank" rel="noreferrer noopener"><b>100% OFF COUPON<br><del style="color: #ffffff;">$199.99</del> (162 LEFT)</b></a></div></div> <center> <script type="text/javascript" src="https://storage.ko-fi.com/cdn/widget/Widget_2.js"></script><script type="text/javascript">kofiwidget2.init('Please Donate To Keep Server Alive', '#29abe0', 'F1F76U6AM');kofiwidget2.draw();</script> </center> <p> </p> <center> <table style="width: 60%; border-collapse: collapse; background-color: #ECEA99; border-color: #f30f3a; border-style: ridge; margin-left: auto; margin-right: auto;" border="4" cellpadding="5px"> <tbody> <tr> <td style="width: 100%; text-align: center;"><strong>Don't miss any coupons by joining our <a href="https://t.me/coursemetry" target="_blank" rel="noreferrer noopener">Telegram group <i class="fab fa-telegram"></i></a></strong></td> </tr> </tbody> </table> </center> <center> <script src='https://storage.ko-fi.com/cdn/scripts/overlay-widget.js'></script> <script> kofiWidgetOverlay.draw('coursemetry', { 'type': 'floating-chat', 'floating-chat.donateButton.text': 'Support Us', 'floating-chat.donateButton.background-color': '#ff5f5f', 'floating-chat.donateButton.text-color': '#fff' }); </script> </center> <h2 class="has-text-align-center">Udemy Coupon Code 100% off | Udemy Free Course | Udemy offer | Course with certificate</h2><div class="sharedaddy sd-sharing-enabled"><div class="robots-nocontent sd-block sd-social sd-social-icon-text sd-sharing"><h3 class="sd-title">Share this:</h3><div class="sd-content"><ul><li class="share-twitter"><a rel="nofollow noopener noreferrer" data-shared="sharing-twitter-67082" class="share-twitter sd-button share-icon" href="https://coursemetry.com/web-development-ultimate-guide/?share=twitter" target="_blank" title="Click to share on Twitter" ><span>Twitter</span></a></li><li class="share-facebook"><a rel="nofollow noopener noreferrer" data-shared="sharing-facebook-67082" class="share-facebook sd-button share-icon" href="https://coursemetry.com/web-development-ultimate-guide/?share=facebook" target="_blank" title="Click to share on Facebook" ><span>Facebook</span></a></li><li class="share-telegram"><a rel="nofollow noopener noreferrer" data-shared="" class="share-telegram sd-button share-icon" href="https://coursemetry.com/web-development-ultimate-guide/?share=telegram" target="_blank" title="Click to share on Telegram" ><span>Telegram</span></a></li><li class="share-pinterest"><a rel="nofollow noopener noreferrer" data-shared="sharing-pinterest-67082" class="share-pinterest sd-button share-icon" href="https://coursemetry.com/web-development-ultimate-guide/?share=pinterest" target="_blank" title="Click to share on Pinterest" ><span>Pinterest</span></a></li><li class="share-jetpack-whatsapp"><a rel="nofollow noopener noreferrer" data-shared="" class="share-jetpack-whatsapp sd-button share-icon" href="https://coursemetry.com/web-development-ultimate-guide/?share=jetpack-whatsapp" target="_blank" title="Click to share on WhatsApp" ><span>WhatsApp</span></a></li><li class="share-linkedin"><a rel="nofollow noopener noreferrer" data-shared="sharing-linkedin-67082" class="share-linkedin sd-button share-icon" href="https://coursemetry.com/web-development-ultimate-guide/?share=linkedin" target="_blank" title="Click to share on LinkedIn" ><span>LinkedIn</span></a></li><li class="share-reddit"><a rel="nofollow noopener noreferrer" data-shared="" class="share-reddit sd-button share-icon" href="https://coursemetry.com/web-development-ultimate-guide/?share=reddit" target="_blank" title="Click to share on Reddit" ><span>Reddit</span></a></li><li class="share-tumblr"><a rel="nofollow noopener noreferrer" data-shared="" class="share-tumblr sd-button share-icon" href="https://coursemetry.com/web-development-ultimate-guide/?share=tumblr" target="_blank" title="Click to share on Tumblr" ><span>Tumblr</span></a></li><li class="share-skype"><a rel="nofollow noopener noreferrer" data-shared="sharing-skype-67082" class="share-skype sd-button share-icon" href="https://coursemetry.com/web-development-ultimate-guide/?share=skype" target="_blank" title="Click to share on Skype" ><span>Skype</span></a></li><li class="share-pocket"><a rel="nofollow noopener noreferrer" data-shared="" class="share-pocket sd-button share-icon" href="https://coursemetry.com/web-development-ultimate-guide/?share=pocket" target="_blank" title="Click to share on Pocket" ><span>Pocket</span></a></li><li><a href="#" class="sharing-anchor sd-button share-more"><span>More</span></a></li><li class="share-end"></li></ul><div class="sharing-hidden"><div class="inner" style="display: none;width:150px;"><ul style="background-image:none;"><li class="share-print"><a rel="nofollow noopener noreferrer" data-shared="" class="share-print sd-button share-icon" href="https://coursemetry.com/web-development-ultimate-guide/#print" target="_blank" title="Click to print" ><span>Print</span></a></li><li class="share-end"></li></ul></div></div></div></div></div> </div><!-- .entry --> <div class="post-tags clr"> <span class="owp-tag-text">Tags: </span><a href="https://coursemetry.com/tag/development/" rel="tag">development</a><span class="owp-sep">,</span> <a href="https://coursemetry.com/tag/udemy/" rel="tag">udemy</a><span class="owp-sep">,</span> <a href="https://coursemetry.com/tag/web-development/" rel="tag">web development</a></div> <nav class="navigation post-navigation" aria-label="Read more articles"> <h2 class="screen-reader-text">Read more articles</h2> <div class="nav-links"><div class="nav-previous"><a href="https://coursemetry.com/tiktok-influencer-make-6-figures-as-a-creator-on-tik-tok/" rel="prev"><span class="title"><i class=" fas fa-long-arrow-alt-left" aria-hidden="true" role="img"></i> Previous Post</span><span class="post-title">TikTok Influencer: Make 6-Figures as a Creator on Tik Tok</span></a></div><div class="nav-next"><a href="https://coursemetry.com/ma-for-investors/" rel="next"><span class="title"><i class=" fas fa-long-arrow-alt-right" aria-hidden="true" role="img"></i> Next Post</span><span class="post-title">M&A for Investors</span></a></div></div> </nav> <section id="related-posts" class="clr"> <h3 class="theme-heading related-posts-title"> <span class="text">You Might Also Like</span> </h3> <div class="oceanwp-row clr"> <article class="related-post clr col span_1_of_3 col-1 post-88621 post type-post status-publish format-standard has-post-thumbnail hentry category-it-software category-udemy tag-it-software tag-udemy entry has-media"> <figure class="related-post-media clr"> <a href="https://coursemetry.com/aws-certified-security-specialty-practice-prep-exam-2022/" class="related-thumb"> <img width="750" height="422" src="https://coursemetry.com/wp-content/uploads/2022/03/aws-certified-security-specialty-practice-prep-exam-2022.jpg" class="attachment-medium_large size-medium_large wp-post-image" alt="AWS Certified Security Specialty Practice prep Exam 2022" decoding="async" loading="lazy" itemprop="image" srcset="https://coursemetry.com/wp-content/uploads/2022/03/aws-certified-security-specialty-practice-prep-exam-2022.jpg 750w, https://coursemetry.com/wp-content/uploads/2022/03/aws-certified-security-specialty-practice-prep-exam-2022-300x169.jpg 300w" sizes="(max-width: 750px) 100vw, 750px" title="AWS Certified Security Specialty Practice prep Exam 2022" /> </a> </figure> <h3 class="related-post-title"> <a href="https://coursemetry.com/aws-certified-security-specialty-practice-prep-exam-2022/" rel="bookmark">AWS Certified Security Specialty Practice prep Exam 2022</a> </h3><!-- .related-post-title --> <time class="published" datetime="2022-03-30T14:18:06+02:00"><i class=" far fa-calendar-alt" aria-hidden="true" role="img"></i>March 30, 2022</time> </article><!-- .related-post --> <article class="related-post clr col span_1_of_3 col-2 post-159155 post type-post status-publish format-standard has-post-thumbnail hentry category-business category-project-management category-udemy tag-business tag-project-management tag-udemy entry has-media"> <figure class="related-post-media clr"> <a href="https://coursemetry.com/critical-to-quality-tree/" class="related-thumb"> <img width="750" height="422" src="https://coursemetry.com/wp-content/uploads/2022/12/5020052_edf6_2.jpg" class="attachment-medium_large size-medium_large wp-post-image" alt="Critical to Quality Tree" decoding="async" loading="lazy" itemprop="image" srcset="https://coursemetry.com/wp-content/uploads/2022/12/5020052_edf6_2.jpg 750w, https://coursemetry.com/wp-content/uploads/2022/12/5020052_edf6_2-300x169.jpg 300w" sizes="(max-width: 750px) 100vw, 750px" title="Critical to Quality Tree" /> </a> </figure> <h3 class="related-post-title"> <a href="https://coursemetry.com/critical-to-quality-tree/" rel="bookmark">Critical to Quality Tree</a> </h3><!-- .related-post-title --> <time class="published" datetime="2022-12-16T08:29:10+01:00"><i class=" far fa-calendar-alt" aria-hidden="true" role="img"></i>December 16, 2022</time> </article><!-- .related-post --> <article class="related-post clr col span_1_of_3 col-3 post-57095 post type-post status-publish format-standard has-post-thumbnail hentry category-business category-communication-skills category-udemy tag-business tag-communication-skills tag-udemy entry has-media"> <figure class="related-post-media clr"> <a href="https://coursemetry.com/first-steps-into-public-speaking/" class="related-thumb"> <img width="750" height="422" src="https://coursemetry.com/wp-content/uploads/2022/10/3850246_42ba-1.jpg" class="attachment-medium_large size-medium_large wp-post-image" alt="First Steps Into Public Speaking" decoding="async" loading="lazy" itemprop="image" srcset="https://coursemetry.com/wp-content/uploads/2022/10/3850246_42ba-1.jpg 750w, https://coursemetry.com/wp-content/uploads/2022/10/3850246_42ba-1-300x169.jpg 300w" sizes="(max-width: 750px) 100vw, 750px" title="First Steps Into Public Speaking" /> </a> </figure> <h3 class="related-post-title"> <a href="https://coursemetry.com/first-steps-into-public-speaking/" rel="bookmark">First Steps Into Public Speaking</a> </h3><!-- .related-post-title --> <time class="published" datetime="2022-10-13T22:46:45+02:00"><i class=" far fa-calendar-alt" aria-hidden="true" role="img"></i>October 13, 2022</time> </article><!-- .related-post --> </div><!-- .oceanwp-row --> </section><!-- .related-posts --> </article> </div><!-- #content --> </div><!-- #primary --> </div><!-- #content-wrap --> </main><!-- #main --> <footer id="footer" class="site-footer" itemscope="itemscope" itemtype="https://schema.org/WPFooter" role="contentinfo"> <div id="footer-inner" class="clr"> <div id="footer-widgets" class="oceanwp-row clr"> <div class="footer-widgets-inner container"> <div class="footer-box span_1_of_3 col col-1"> <div id="nav_menu-2" class="footer-widget widget_nav_menu clr"><h4 class="widget-title">Privacy and cookie policies</h4><div class="menu-policies-container"><ul id="menu-policies" class="menu"><li id="menu-item-89204" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-89204"><a href="https://coursemetry.com/cookie-policy-eu/">Cookie Policy (EU)</a></li> <li id="menu-item-89205" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-89205"><a href="https://coursemetry.com/privacy-policy/">Privacy Policy</a></li> </ul></div></div> </div><!-- .footer-one-box --> <div class="footer-box span_1_of_3 col col-2"> <div id="block-15" class="footer-widget widget_block clr"> <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div> </div> </div><!-- .footer-one-box --> <div class="footer-box span_1_of_3 col col-3 "> <div id="nav_menu-9" class="footer-widget widget_nav_menu clr"><h4 class="widget-title">Contact</h4><div class="menu-contact-container"><ul id="menu-contact" class="menu"><li id="menu-item-89247" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-89247"><a href="https://coursemetry.com/submit-a-coupon/">Submit a Udemy coupon</a></li> <li id="menu-item-89248" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-89248"><a href="https://coursemetry.com/submit-an-article/">Submit an article</a></li> <li id="menu-item-89246" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-89246"><a href="https://coursemetry.com/contact-us/">Contact Us</a></li> <li id="menu-item-89245" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-89245"><a href="https://coursemetry.com/about-us/">About Us</a></li> </ul></div></div> </div><!-- .footer-one-box --> </div><!-- .container --> </div><!-- #footer-widgets --> <div id="footer-bottom" class="clr"> <div id="footer-bottom-inner" class="container clr"> <div id="footer-bottom-menu" class="navigation clr"> <div class="menu-social-menu-container"><ul id="menu-social-menu" class="menu"><li id="menu-item-60121" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60121"><a href="https://t.me/coursemetry">Telegram</a></li> <li id="menu-item-60123" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60123"><a href="https://www.reddit.com/r/Coursemetry/">Reddit</a></li> <li id="menu-item-60118" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60118"><a href="https://twitter.com/Agimafr">Twitter</a></li> <li id="menu-item-87056" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-87056"><a href="https://www.pinterest.fr/Coursemetry">Pinterest</a></li> <li id="menu-item-60120" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60120"><a href="https://www.facebook.com/groups/coursemetry">Facebook</a></li> </ul></div> </div><!-- #footer-bottom-menu --> <div id="copyright" class="clr" role="contentinfo"> Copyright Coursemetry - OceanWP Theme by OceanWP </div><!-- #copyright --> </div><!-- #footer-bottom-inner --> </div><!-- #footer-bottom --> </div><!-- #footer-inner --> </footer><!-- #footer --> </div><!-- #wrap --> </div><!-- #outer-wrap --> <a aria-label="Scroll to the top of the page" href="#" id="scroll-top" class="scroll-top-right"><i class=" fa fa-angle-up" aria-hidden="true" role="img"></i></a> <!-- Consent Management powered by Complianz | GDPR/CCPA Cookie Consent https://wordpress.org/plugins/complianz-gdpr --> <div id="cmplz-cookiebanner-container"><div class="cmplz-cookiebanner cmplz-hidden banner-1 optin cmplz-bottom-right cmplz-categories-type-view-preferences" aria-modal="true" data-nosnippet="true" role="dialog" aria-live="polite" aria-labelledby="cmplz-header-1-optin" aria-describedby="cmplz-message-1-optin"> <div class="cmplz-header"> <div class="cmplz-logo"></div> <div class="cmplz-title" id="cmplz-header-1-optin">Manage Cookie Consent</div> <div class="cmplz-close" tabindex="0" role="button" aria-label="close-dialog"> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-inline--fa fa-times fa-w-11" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg> </div> </div> <div class="cmplz-divider cmplz-divider-header"></div> <div class="cmplz-body"> <div class="cmplz-message" id="cmplz-message-1-optin">We use technologies like cookies to store and/or access device information. We do this to improve browsing experience and to show personalized ads. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.</div> <!-- categories start --> <div class="cmplz-categories"> <details class="cmplz-category cmplz-functional" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Functional</span> <span class='cmplz-always-active'> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-functional-optin" data-category="cmplz_functional" class="cmplz-consent-checkbox cmplz-functional" size="40" value="1"/> <label class="cmplz-label" for="cmplz-functional-optin" tabindex="0"><span class="screen-reader-text">Functional</span></label> </span> Always active </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-functional">The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.</span> </div> </details> <details class="cmplz-category cmplz-preferences" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Preferences</span> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-preferences-optin" data-category="cmplz_preferences" class="cmplz-consent-checkbox cmplz-preferences" size="40" value="1"/> <label class="cmplz-label" for="cmplz-preferences-optin" tabindex="0"><span class="screen-reader-text">Preferences</span></label> </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-preferences">The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.</span> </div> </details> <details class="cmplz-category cmplz-statistics" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Statistics</span> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-statistics-optin" data-category="cmplz_statistics" class="cmplz-consent-checkbox cmplz-statistics" size="40" value="1"/> <label class="cmplz-label" for="cmplz-statistics-optin" tabindex="0"><span class="screen-reader-text">Statistics</span></label> </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-statistics">The technical storage or access that is used exclusively for statistical purposes.</span> <span class="cmplz-description-statistics-anonymous">The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.</span> </div> </details> <details class="cmplz-category cmplz-marketing" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Marketing</span> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-marketing-optin" data-category="cmplz_marketing" class="cmplz-consent-checkbox cmplz-marketing" size="40" value="1"/> <label class="cmplz-label" for="cmplz-marketing-optin" tabindex="0"><span class="screen-reader-text">Marketing</span></label> </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-marketing">The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.</span> </div> </details> </div><!-- categories end --> </div> <div class="cmplz-links cmplz-information"> <a class="cmplz-link cmplz-manage-options cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Manage options</a> <a class="cmplz-link cmplz-manage-third-parties cookie-statement" href="#" data-relative_url="#cmplz-cookies-overview">Manage services</a> <a class="cmplz-link cmplz-manage-vendors tcf cookie-statement" href="#" data-relative_url="#cmplz-tcf-wrapper">Manage vendors</a> <a class="cmplz-link cmplz-external cmplz-read-more-purposes tcf" target="_blank" rel="noopener noreferrer nofollow" href="https://cookiedatabase.org/tcf/purposes/">Read more about these purposes</a> </div> <div class="cmplz-divider cmplz-footer"></div> <div class="cmplz-buttons"> <button class="cmplz-btn cmplz-accept">Accept</button> <button class="cmplz-btn cmplz-deny">Dismiss</button> <button class="cmplz-btn cmplz-view-preferences">Preferences</button> <button class="cmplz-btn cmplz-save-preferences">Save preferences</button> <a class="cmplz-btn cmplz-manage-options tcf cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Preferences</a> </div> <div class="cmplz-links cmplz-documents"> <a class="cmplz-link cookie-statement" href="#" data-relative_url="">{title}</a> <a class="cmplz-link privacy-statement" href="#" data-relative_url="">{title}</a> <a class="cmplz-link impressum" href="#" data-relative_url="">{title}</a> </div> </div> </div> <div id="cmplz-manage-consent" data-nosnippet="true"><button class="cmplz-btn cmplz-hidden cmplz-manage-consent manage-consent-1">Manage consent</button> </div> <script type="text/javascript"> window.WPCOM_sharing_counts = {"https:\/\/coursemetry.com\/web-development-ultimate-guide\/":67082}; </script> <style id='core-block-supports-inline-css'> .wp-block-buttons.wp-container-3{justify-content:center;} </style> <script id='getwid-blocks-frontend-js-js-extra'> var Getwid = {"settings":[],"ajax_url":"https:\/\/coursemetry.com\/wp-admin\/admin-ajax.php","isRTL":"","nonces":{"recaptcha_v2_contact_form":"7b44b02ae3"}}; </script> <script src='https://coursemetry.com/wp-content/plugins/getwid/assets/js/frontend.blocks.js?ver=1.8.2' id='getwid-blocks-frontend-js-js'></script> <script src='https://coursemetry.com/wp-includes/js/imagesloaded.min.js?ver=4.1.4' id='imagesloaded-js'></script> <script id='oceanwp-main-js-extra'> var oceanwpLocalize = {"nonce":"c83ef867df","isRTL":"","menuSearchStyle":"drop_down","mobileMenuSearchStyle":"disabled","sidrSource":null,"sidrDisplace":"1","sidrSide":"left","sidrDropdownTarget":"link","verticalHeaderTarget":"link","customScrollOffset":"0","customSelects":".woocommerce-ordering .orderby, #dropdown_product_cat, .widget_categories select, .widget_archive select, .single-product .variations_form .variations select","ajax_url":"https:\/\/coursemetry.com\/wp-admin\/admin-ajax.php"}; </script> <script src='https://coursemetry.com/wp-content/themes/oceanwp/assets/js/theme.min.js?ver=3.4.1' id='oceanwp-main-js'></script> <script src='https://coursemetry.com/wp-content/themes/oceanwp/assets/js/drop-down-mobile-menu.min.js?ver=3.4.1' id='oceanwp-drop-down-mobile-menu-js'></script> <script src='https://coursemetry.com/wp-content/themes/oceanwp/assets/js/drop-down-search.min.js?ver=3.4.1' id='oceanwp-drop-down-search-js'></script> <script src='https://coursemetry.com/wp-content/themes/oceanwp/assets/js/equal-height-elements.min.js?ver=3.4.1' id='oceanwp-equal-height-elements-js'></script> <script src='https://coursemetry.com/wp-content/themes/oceanwp/assets/js/vendors/magnific-popup.min.js?ver=3.4.1' id='ow-magnific-popup-js'></script> <script src='https://coursemetry.com/wp-content/themes/oceanwp/assets/js/ow-lightbox.min.js?ver=3.4.1' id='oceanwp-lightbox-js'></script> <script src='https://coursemetry.com/wp-content/themes/oceanwp/assets/js/vendors/flickity.pkgd.min.js?ver=3.4.1' id='ow-flickity-js'></script> <script src='https://coursemetry.com/wp-content/themes/oceanwp/assets/js/ow-slider.min.js?ver=3.4.1' id='oceanwp-slider-js'></script> <script src='https://coursemetry.com/wp-content/themes/oceanwp/assets/js/scroll-effect.min.js?ver=3.4.1' id='oceanwp-scroll-effect-js'></script> <script src='https://coursemetry.com/wp-content/themes/oceanwp/assets/js/scroll-top.min.js?ver=3.4.1' id='oceanwp-scroll-top-js'></script> <script src='https://coursemetry.com/wp-content/themes/oceanwp/assets/js/select.min.js?ver=3.4.1' id='oceanwp-select-js'></script> <script src='https://coursemetry.com/wp-includes/js/clipboard.min.js?ver=2.0.11' id='clipboard-js'></script> <script src='https://coursemetry.com/wp-content/plugins/highlighting-code-block/assets/js/prism.js?ver=0202185546' id='hcb-prism-js'></script> <script src='https://coursemetry.com/wp-content/plugins/highlighting-code-block/build/js/hcb_script.js?ver=0202185546' id='hcb-script-js'></script> <script id='cmplz-cookiebanner-js-extra'> var complianz = {"prefix":"cmplz_","user_banner_id":"1","set_cookies":[],"block_ajax_content":"","banner_version":"61","version":"6.4.0","store_consent":"","do_not_track_enabled":"","consenttype":"optin","region":"eu","geoip":"","dismiss_timeout":"","disable_cookiebanner":"","soft_cookiewall":"","dismiss_on_scroll":"","cookie_expiry":"365","url":"https:\/\/coursemetry.com\/wp-json\/complianz\/v1\/","locale":"lang=en&locale=en_US","set_cookies_on_root":"","cookie_domain":"","current_policy_id":"25","cookie_path":"\/","categories":{"statistics":"statistics","marketing":"marketing"},"tcf_active":"","placeholdertext":"Click to accept {category} cookies and enable this content","css_file":"https:\/\/coursemetry.com\/wp-content\/uploads\/complianz\/css\/banner-{banner_id}-{type}.css?v=61","page_links":{"eu":{"cookie-statement":{"title":"Cookie Policy ","url":"https:\/\/coursemetry.com\/cookie-policy-eu\/"},"privacy-statement":{"title":"Privacy Policy","url":"https:\/\/coursemetry.com\/privacy-policy\/"}}},"tm_categories":"","forceEnableStats":"","preview":"","clean_cookies":""}; </script> <script defer src='https://coursemetry.com/wp-content/plugins/complianz-gdpr/cookiebanner/js/complianz.min.js?ver=6.4.0' id='cmplz-cookiebanner-js'></script> <script src='https://coursemetry.com/wp-content/plugins/getwid/vendors/jquery.countdown/jquery.plugin.min.js?ver=1.0' id='jquery-plugin-js'></script> <script src='https://coursemetry.com/wp-content/plugins/getwid/vendors/jquery.countdown/jquery.countdown.min.js?ver=2.1.0' id='jquery-countdown-js'></script> <script id='sharing-js-js-extra'> var sharing_js_options = {"lang":"en","counts":"1","is_stats_active":"1"}; </script> <script src='https://coursemetry.com/wp-content/plugins/jetpack/_inc/build/sharedaddy/sharing.min.js?ver=11.7.1' id='sharing-js-js'></script> <script id='sharing-js-js-after'> var windowOpen; ( function () { function matches( el, sel ) { return !! ( el.matches && el.matches( sel ) || el.msMatchesSelector && el.msMatchesSelector( sel ) ); } document.body.addEventListener( 'click', function ( event ) { if ( ! event.target ) { return; } var el; if ( matches( event.target, 'a.share-twitter' ) ) { el = event.target; } else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-twitter' ) ) { el = event.target.parentNode; } if ( el ) { event.preventDefault(); // If there's another sharing window open, close it. if ( typeof windowOpen !== 'undefined' ) { windowOpen.close(); } windowOpen = window.open( el.getAttribute( 'href' ), 'wpcomtwitter', 'menubar=1,resizable=1,width=600,height=350' ); return false; } } ); } )(); var windowOpen; ( function () { function matches( el, sel ) { return !! ( el.matches && el.matches( sel ) || el.msMatchesSelector && el.msMatchesSelector( sel ) ); } document.body.addEventListener( 'click', function ( event ) { if ( ! event.target ) { return; } var el; if ( matches( event.target, 'a.share-facebook' ) ) { el = event.target; } else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-facebook' ) ) { el = event.target.parentNode; } if ( el ) { event.preventDefault(); // If there's another sharing window open, close it. if ( typeof windowOpen !== 'undefined' ) { windowOpen.close(); } windowOpen = window.open( el.getAttribute( 'href' ), 'wpcomfacebook', 'menubar=1,resizable=1,width=600,height=400' ); return false; } } ); } )(); var windowOpen; ( function () { function matches( el, sel ) { return !! ( el.matches && el.matches( sel ) || el.msMatchesSelector && el.msMatchesSelector( sel ) ); } document.body.addEventListener( 'click', function ( event ) { if ( ! event.target ) { return; } var el; if ( matches( event.target, 'a.share-telegram' ) ) { el = event.target; } else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-telegram' ) ) { el = event.target.parentNode; } if ( el ) { event.preventDefault(); // If there's another sharing window open, close it. if ( typeof windowOpen !== 'undefined' ) { windowOpen.close(); } windowOpen = window.open( el.getAttribute( 'href' ), 'wpcomtelegram', 'menubar=1,resizable=1,width=450,height=450' ); return false; } } ); } )(); var windowOpen; ( function () { function matches( el, sel ) { return !! ( el.matches && el.matches( sel ) || el.msMatchesSelector && el.msMatchesSelector( sel ) ); } document.body.addEventListener( 'click', function ( event ) { if ( ! event.target ) { return; } var el; if ( matches( event.target, 'a.share-linkedin' ) ) { el = event.target; } else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-linkedin' ) ) { el = event.target.parentNode; } if ( el ) { event.preventDefault(); // If there's another sharing window open, close it. if ( typeof windowOpen !== 'undefined' ) { windowOpen.close(); } windowOpen = window.open( el.getAttribute( 'href' ), 'wpcomlinkedin', 'menubar=1,resizable=1,width=580,height=450' ); return false; } } ); } )(); var windowOpen; ( function () { function matches( el, sel ) { return !! ( el.matches && el.matches( sel ) || el.msMatchesSelector && el.msMatchesSelector( sel ) ); } document.body.addEventListener( 'click', function ( event ) { if ( ! event.target ) { return; } var el; if ( matches( event.target, 'a.share-tumblr' ) ) { el = event.target; } else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-tumblr' ) ) { el = event.target.parentNode; } if ( el ) { event.preventDefault(); // If there's another sharing window open, close it. if ( typeof windowOpen !== 'undefined' ) { windowOpen.close(); } windowOpen = window.open( el.getAttribute( 'href' ), 'wpcomtumblr', 'menubar=1,resizable=1,width=450,height=450' ); return false; } } ); } )(); var windowOpen; ( function () { function matches( el, sel ) { return !! ( el.matches && el.matches( sel ) || el.msMatchesSelector && el.msMatchesSelector( sel ) ); } document.body.addEventListener( 'click', function ( event ) { if ( ! event.target ) { return; } var el; if ( matches( event.target, 'a.share-skype' ) ) { el = event.target; } else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-skype' ) ) { el = event.target.parentNode; } if ( el ) { event.preventDefault(); // If there's another sharing window open, close it. if ( typeof windowOpen !== 'undefined' ) { windowOpen.close(); } windowOpen = window.open( el.getAttribute( 'href' ), 'wpcomskype', 'menubar=1,resizable=1,width=305,height=665' ); return false; } } ); } )(); var windowOpen; ( function () { function matches( el, sel ) { return !! ( el.matches && el.matches( sel ) || el.msMatchesSelector && el.msMatchesSelector( sel ) ); } document.body.addEventListener( 'click', function ( event ) { if ( ! event.target ) { return; } var el; if ( matches( event.target, 'a.share-pocket' ) ) { el = event.target; } else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-pocket' ) ) { el = event.target.parentNode; } if ( el ) { event.preventDefault(); // If there's another sharing window open, close it. if ( typeof windowOpen !== 'undefined' ) { windowOpen.close(); } windowOpen = window.open( el.getAttribute( 'href' ), 'wpcompocket', 'menubar=1,resizable=1,width=450,height=450' ); return false; } } ); } )(); </script> <script type="text/plain" data-service="google-analytics" async data-category="statistics" data-cmplz-src="https://www.googletagmanager.com/gtag/js?id="></script> <div id="TmI5ZXN4K0dZSWRudXNqcXRzMWRON3VhM0ZXUUNuUFpoYWN0VDk0ZXpjTT0geuzu" class="TmI5ZXN4K0dZSWRudXNqcXRzMWRON3VhM0ZXUUNuUFpoYWN0VDk0ZXpjTT0geuzu"> <div class="TzRydHQzV0UyTHdwTHo1cW9LalBRWUpXRVpKZ2RWNFVtcWdJNm11Ly93VT0geuzu MXlnR0UxUHl3Zy9PWWVCdExYYUR3ckFvK2JFSWlWRmNtZEVERHhDUGlLWEI5dTB5WEdveTNJS3lraFNOd2pjLwgeuzugeuzu" id="TzRydHQzV0UyTHdwTHo1cW9LalBRWUpXRVpKZ2RWNFVtcWdJNm11Ly93VT0geuzu"> <div class="L3JhYzlvd25XVURBa29pTEJFT3RkOXRkNzkramlnQjJvRWdDMmpJNVlRQT0geuzu" id="L3JhYzlvd25XVURBa29pTEJFT3RkOXRkNzkramlnQjJvRWdDMmpJNVlRQT0geuzu"> <div class="SHh2N3o0R0JMVThzQ0I5bEZlUW1CRWg4cWNaQndlMGZXVUdoTTdYMEltcz0geuzu theme1"> <div class="L3JhYzlvd25XVURBa29pTEJFT3RkOXRkNzkramlnQjJvRWdDMmpJNVlRQT0geuzu"> <div class="MGdhU3Z1RVNFTlRCVVoyUS9SblZ3YVVXSWZ5cmVwYkZCOGtGbWFiS2hXOD0geuzu"> <img class="TXhkMTRzUTFtcXhrVnRtR2wwc2JRdFlGS21wd2VsZktmNjhORzI4RVpiRT0geuzu" src="https://coursemetry.com/wp-content/plugins/chp-ads-block-detector/assets/img/icon.png" alt="Web Development Ultimate Guide" title="Web Development Ultimate Guide"> </div> <h4 class="adblock_title">Ads Blocker Detected!!!</h4> <div class="adblock_subtitle"><p>We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.</p></div> <div class=""> <a class="QzIrdzBhK1NHZHNLQzduQ3NGYTdTaXhaeXNiYVhpU1RVdzU2UkRsdWhFelZncllFZ3EzSUc4bHMxd1d2M3ZrVggeuzugeuzu" onclick="reload()">Refresh</a> </div> </div> </div> </div> </div> <div class="ejF1eXFLUkJEbDNVU0FQanhtSERRRjhRYm9kcGNpa0hjRGFNSyttT1V3eEVNczk4SENaN0lsTWFvUklSQVhFZwgeuzugeuzu"><a id="ejF1eXFLUkJEbDNVU0FQanhtSERRRjhRYm9kcGNpa0hjRGFNSyttT1V3eEVNczk4SENaN0lsTWFvUklSQVhFZwgeuzugeuzu" href="https://chpadblock.com/" target="_blank" rel="noopener noreferrer"><span class="T3ZGZnZqZk9ublFvTWFxWFlHMXA5dnNYTDduS3J1SWFRNk5TOFhod1djTzJRdUZsT0xDSnFOWjQ3ZGhpSm5BUQgeuzugeuzu" style="color: rgb(9, 13, 22);">Powered By</span> <div class="ejF1eXFLUkJEbDNVU0FQanhtSERRRFJOSWlNRWkxT3Z6eUFoWEtVeHBZNzN2VzJhNVl5MXpFbWNTSnR2YkVFNAgeuzugeuzu"><img src="https://coursemetry.com/wp-content/plugins/chp-ads-block-detector/assets/img/d.svg" alt="Web Development Ultimate Guide" title="Web Development Ultimate Guide" /></div></a></div></div> <script type="text/plain" data-service="general" data-category="marketing"> const NnYwYVo5L2JFRjRzdDlXK1lIazdReVV0dlJJWEhNY2VUU1JhUk5Db3F2NjR0dEI1UUNrdVptazd1UWlyZk5JbQgeuzugeuzu=document.getElementById("TmI5ZXN4K0dZSWRudXNqcXRzMWRON3VhM0ZXUUNuUFpoYWN0VDk0ZXpjTT0geuzu");const adbEnableForPage=true;const debug=true;const adbVersion="3.8.7";const ajaxurl="https://coursemetry.com/wp-admin/admin-ajax.php";let onPageLoad=true;let googleAdsControl=true;let imageAdsControl=true;let classAdsControl=true;let displayOnce=0;const TlFKdXRyY1JFTXZUTzhEZnFieGs1aVhtMGQ1NHo5Zno4ZkU4WGZEaGUvcy9zaTh0V1BJSE9OZFNTZmFHTFlQZAgeuzugeuzu=["https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js","https://ads-api.twitter.com"];const brandingBtn=document.getElementById("ejF1eXFLUkJEbDNVU0FQanhtSERRRjhRYm9kcGNpa0hjRGFNSyttT1V3eEVNczk4SENaN0lsTWFvUklSQVhFZwgeuzugeuzu");if(brandingBtn){brandingBtn.addEventListener("click",function(event){event.preventDefault();window.location.href="https://chpadblock.com/pricing/";return false;});} const adblockCloseBtn=document.getElementById("TmdFVFJXelRpQkE1V3k2S1hKUDZ2KzkxT1RMTDFHczU0ZUVyek10YzNoL0Exc0FnV0p4UlduRjBweVdmNGVsUwgeuzugeuzu");if(adblockCloseBtn){adblockCloseBtn.onclick=function(){U2RyT3NYS292VWVBakdWc3Vyczh6c2NabVl0QzJPUDdsYXVyZkpSd1RSRXo4VzVQWk1BWkRHVHlnN0x0MnV0Qwgeuzugeuzu();}} function R2UwY0xnOUhhL0hSWDFVMFZKTFRXdEtmbEp6bXY3Q2F6TkZmTjU1N2xOUEMybjlLcHR6SE9ZS1p0Y1RFamNGbQgeuzugeuzu(){try{return window.navigator.onLine;}catch(error){return true;}} let serverReqCount=0;let adreqfound=false;function adsBlocked(callBackFunc){if(adreqfound)return true;if(serverReqCount>=TlFKdXRyY1JFTXZUTzhEZnFieGs1aVhtMGQ1NHo5Zno4ZkU4WGZEaGUvcy9zaTh0V1BJSE9OZFNTZmFHTFlQZAgeuzugeuzu.length){callBackFunc(adreqfound);return true;} if(TlFKdXRyY1JFTXZUTzhEZnFieGs1aVhtMGQ1NHo5Zno4ZkU4WGZEaGUvcy9zaTh0V1BJSE9OZFNTZmFHTFlQZAgeuzugeuzu.length>0&&R2UwY0xnOUhhL0hSWDFVMFZKTFRXdEtmbEp6bXY3Q2F6TkZmTjU1N2xOUEMybjlLcHR6SE9ZS1p0Y1RFamNGbQgeuzugeuzu()){const reqURL=TlFKdXRyY1JFTXZUTzhEZnFieGs1aVhtMGQ1NHo5Zno4ZkU4WGZEaGUvcy9zaTh0V1BJSE9OZFNTZmFHTFlQZAgeuzugeuzu[serverReqCount];const adsRequest=new Request(reqURL,{method:"HEAD",mode:"no-cors"});fetch(adsRequest).then(function(res){if(debug){console.warn(`[ADB DEBUG] Ads Request [${reqURL}] Passed!!!`);} serverReqCount++;adreqfound=false;adsBlocked(callBackFunc);}).catch(function(res){if(debug){console.error(`[ADB DEBUG] Ads Request [${reqURL}] Failed!!!`);console.error(`[ADB DEBUG] ${res}`)} callBackFunc(true);adreqfound=true;})}else{if(debug){console.warn("[ADB DEBUG] Ads Request Failed. Reason: Blocked by Filter Hook or Offline!!!");}}} function chpadb_default_callback(e){console.log(e)} function reload(){window.location.href=window.location.href} function redirect(e){window.location.href=e} function hasClass(e,t){return!!e.className.match(new RegExp("(\\s|^)"+t+"(\\s|$)"))} function addClass(e,t){hasClass(e,t)||(e.className+=" "+t)} function removeClass(e,t){if(hasClass(e,t)){var o=new RegExp("(\\s|^)"+t+"(\\s|$)");e.className=e.className.replace(o," ")}} let count=0;function U2RyT3NYS292VWVBakdWc3Vyczh6c2NabVl0QzJPUDdsYXVyZkpSd1RSRXo4VzVQWk1BWkRHVHlnN0x0MnV0Qwgeuzugeuzu(){try{if(typeof NnYwYVo5L2JFRjRzdDlXK1lIazdReVV0dlJJWEhNY2VUU1JhUk5Db3F2NjR0dEI1UUNrdVptazd1UWlyZk5JbQgeuzugeuzu=='object'){removeClass(NnYwYVo5L2JFRjRzdDlXK1lIazdReVV0dlJJWEhNY2VUU1JhUk5Db3F2NjR0dEI1UUNrdVptazd1UWlyZk5JbQgeuzugeuzu,"U1pyTjJQcmZkTGtaQ2I4VjdUMVNrUXdGOFg2SjE0UnBoSmRLWXcwQ1hhUT0geuzu");removeClass(document.body,"SlV4OENjY1Y0cHgrTFh6RzhlK08rQmRGNThPMENJRG9OMUdlMElZNDl4MD0geuzu")}}catch(e){console.warn(e);}} function U1pyTjJQcmZkTGtaQ2I4VjdUMVNrY3lQY1RFL3ppamRUYmxqbU9hYm1wRm13OHFIcHdOMFdqaSs1WkNlRnJHMggeuzugeuzu(modal){if(modal!=null&&0==displayOnce){displayOnce++;addClass(modal,"U1pyTjJQcmZkTGtaQ2I4VjdUMVNrUXdGOFg2SjE0UnBoSmRLWXcwQ1hhUT0geuzu");addClass(document.body,"SlV4OENjY1Y0cHgrTFh6RzhlK08rQmRGNThPMENJRG9OMUdlMElZNDl4MD0geuzu")}} function chp_adblock_browser(){return /Opera[\/\s](\d+\.\d+)/.test(navigator.userAgent)?"Opera":/MSIE (\d+\.\d+);/.test(navigator.userAgent)?"MSIE":/Navigator[\/\s](\d+\.\d+)/.test(navigator.userAgent)?"Netscape":/Chrome[\/\s](\d+\.\d+)/.test(navigator.userAgent)?"Chrome":/Safari[\/\s](\d+\.\d+)/.test(navigator.userAgent)?"Safari":/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)?"Firefox":"Unknown"} function chp_ads_blocker_detector(enable){if(enable){U1pyTjJQcmZkTGtaQ2I4VjdUMVNrY3lQY1RFL3ppamRUYmxqbU9hYm1wRm13OHFIcHdOMFdqaSs1WkNlRnJHMggeuzugeuzu(NnYwYVo5L2JFRjRzdDlXK1lIazdReVV0dlJJWEhNY2VUU1JhUk5Db3F2NjR0dEI1UUNrdVptazd1UWlyZk5JbQgeuzugeuzu);}} function doesElementIsBlocked(elem){if(elem.offsetParent===null||elem.offsetHeight==0||elem.offsetLeft==0||elem.offsetTop==0||elem.offsetWidth==0||elem.clientHeight==0||elem.clientWidth==0){return true;}else if(window.getComputedStyle!==undefined){let elemCS=window.getComputedStyle(elem,null);if(elemCS&&(elemCS.getPropertyValue('display')=='none'||elemCS.getPropertyValue('visibility')=='hidden')){return true;}} return false;} let prevCount=0;function checkMultiple(){let enable=false;if(classAdsControl){let divEle=document.createElement("div");divEle.innerHTML=" ";divEle.className="ad ads doubleclick ad-placement ad-placeholder adbadge BannerAd adsbox ad-large ad-large ad-left ad-limits ad-link ad-live ad-loading ad-map ad-marker ad-master ad-pixel ad-random ad-refresh ad-300x250 ad ads doubleclick ad-placement ad-placeholder adbadge BannerAd adsbox pub_300x250 pub_300x250m pub_728x90 text-ad textAd text_ad text_ads text-ads text-ad-links";divEle.id="YkdRSUUyVHJjN0V3SVdYbjhnMDJrd3JUZ1RzcUNTZTBmSXJBcEE3QjgzTTZVZ1ZIeUJ0VVUxajdzakhLUUE5SQgeuzugeuzu";divEle.style="width: 1px !important; height: 1px !important; position: absolute !important; left: -10000px !important; top: -1000px !important;";try{if(!document.body.contains(document.getElementById('YkdRSUUyVHJjN0V3SVdYbjhnMDJrd3JUZ1RzcUNTZTBmSXJBcEE3QjgzTTZVZ1ZIeUJ0VVUxajdzakhLUUE5SQgeuzugeuzu'))){document.body.appendChild(divEle);let adBoxEle=document.querySelector(".adsbox");enable=doesElementIsBlocked(adBoxEle);console.log("Enable",enable);if(debug){if(enable){console.warn("[ADB DEBUG] Class Add Request Failed!!!");}else{console.log("[ADB DEBUG] Class Add Request Passed!!!");}}}else{let adBoxEleId=document.getElementById("YkdRSUUyVHJjN0V3SVdYbjhnMDJrd3JUZ1RzcUNTZTBmSXJBcEE3QjgzTTZVZ1ZIeUJ0VVUxajdzakhLUUE5SQgeuzugeuzu");removeClass(adBoxEleId,` ads_${prevCount}`);removeClass(adBoxEleId,`ads_${prevCount}`);prevCount++;addClass(adBoxEleId,`ads_${prevCount}`);}}catch(error){divEle.parentNode.removeChild(divEle);}}else{if(debug){console.warn("[ADS PRO DEBUG] Check Multiple Request Blocked by Filter Hook or Offline");}} return enable;} function isHidden(e){try{return"none"===window.getComputedStyle(e).display;}catch(error){} return false;} function init(){adsBlocked(function(enable){if(enable){chp_ads_blocker_detector(true);}else{if(imageAdsControl){enable=isHidden(document.getElementById("UzBLUS9iRFFoUFVmWEswUTRBRUROV3BOMVJJVkZuaDBHUjBHSXB0U051ckQ0Z0ZqVUNLT09xbnNzNkY5dGlBaAgeuzugeuzu"));if(debug){if(enable){console.warn("[ADB DEBUG] Image Ads Request Failed!!!");}else{console.log("[ADB DEBUG] Image Ads Request Passed!!!");}}} if(!enable){enable=checkMultiple();if(debug){if(enable){console.warn("[ADB DEBUG] Check Multiple Request Failed!!!");}else{console.log("[ADB DEBUG] Check Multiple Request Passed!!!");}}} chp_ads_blocker_detector(enable)}})} function startCheckingAdblock(){init();} if(adbEnableForPage){if(onPageLoad){document.addEventListener("DOMContentLoaded",function(e){startCheckingAdblock();},false);}else{startCheckingAdblock();}}</script> <script type="text/plain" data-service="jetpack-statistics" data-category="statistics" data-cmplz-src='https://stats.wp.com/e-202305.js' defer></script> <script> _stq = window._stq || []; _stq.push([ 'view', {v:'ext',blog:'188052649',post:'67082',tz:'1',srv:'coursemetry.com',j:'1:11.7.1'} ]); _stq.push([ 'clickTrackerInit', '188052649', '67082' ]); </script><script type="text/javascript" id="uagb-script-frontend-67082">document.addEventListener("DOMContentLoaded", function(){ var ssLinks = document.querySelectorAll( '.uagb-block-f1a6f3da' ); for ( var j = 0; j < ssLinks.length; j++ ) { var ssLink = ssLinks[j].querySelectorAll( ".uagb-ss__link" ); for ( var i = 0; i < ssLink.length; i++ ) { ssLink[i].addEventListener( "click", function() { var social_url = this.dataset.href; var target = ""; if( social_url == "mailto:?body=" ) { target = "_self"; } var request_url =""; if( social_url.indexOf("/pin/create/link/?url=") !== -1) { request_url = social_url + encodeURIComponent( window.location.href ) + "&media=" + 'https://coursemetry.com/wp-content/uploads/2022/12/4400748_c571_2.jpg'; }else{ request_url = social_url + encodeURIComponent( window.location.href ); } window.open( request_url, target ); }); } } })</script></body> </html>