Full Stack Series – [FREE SEGMENT of PART1]

Full Stack Series - [FREE SEGMENT of  PART1]

Full Stack Series – [FREE SEGMENT of PART1]

Develop a responsive about page for an imaginary pastry shop using HTML, CSS, Bootstrap and deploy in AWS.

Language: english

Note: 4.2/5 (3 notes) 1,235 students

Instructor(s): Chandrasekaran Janardhanan

Last update: 2022-02-08

What you’ll learn

  • Fine grained steps and instructions
  • Learn basics of HTML and CSS
  • Build an about page for an imaginary Pastry Shop
  • Learn basic HTML tags, CSS styling and layout to build the about page

 

Requirements

  • No prior development experience required
  • Desktop PC or Laptop with minimum 4GB of RAM and 500MB hard disk space
  • On screen instructions provided for Apple Mac users

 

Description

Welcome to PART 1 of the Full Stack Development course series.

This is a beginner friendly course.

Learn Full Stack Development by building a website for an imaginary pastry shop.

This is a segment of the first part of the Full Stack Development course series.

The following is the summary of what you will learn in this course:

  • You will learn to build the about page of the pastry shop website.

  • As part of building this website, you will learn:

  • To create HTML web page.

  • Style the web page using CSS.

In HTML, you will learn about DOCTYPE, html, body, heading, title, meta, charset, favicon, image, alt attribute, div and nav.

You will learn the above HTML topics by implementing the web page of Our Story web page of the imaginary pastry shop. Following are the features that will be implement in the Our Story web page:

  • Title and favicon image will be included

  • The navigation bar will be created on the top with logo and navigation item

  • Heading will be included in this page

  • In the main content of the web page images will be included

  • You will also learn to build web page considering people having accessibility issues

In CSS, you will learn  Inline style, external style, element selector, class selector, color, background color, padding, border, margin, box model, text align, font family, font weight, font size, height, width, layout, flex and flex wrap.

The course contains step by step instructions, to make a beginner comfortable with coding and tools.

Visual Studio Code will be the editor used and you will be taught all the techniques to quickly code with features like emmet abbreviation and command palette.

 

Who this course is for

  • Graduates
  • Developers looking to enhance their skills
  • Whomever want to become a Full Stack Trainer

 

Course content

  • Introduction
    • Introduction
    • Learning Environment
    • Video Settings
    • Install Chrome Browser
    • Download Visual Studio Code
    • Install Visual Studio Code for Windows
    • Install Visual Studio Code for Mac
    • Quick Launch Visual Studio Code
    • Install Live Server Extension
  • Understanding Our Story web page
    • Patisserie – Our Story
    • Folder Structure
    • Create folder and open in Visual Studio Code
    • Create ‘learn’ folder
    • Create ‘html’ folder
  • Build Our Story web page with HTML
    • Create HTML file for Our Story web page
    • Include DOCTYPE
    • DOCTYPE explained
    • Include tag
    • tag explained
    • Include and
    • Launch Our Story web page
    • Styling Limitation in HTML
    • tag explained
    • tag explained
    • What is HTML?
    • Our Story web page Title
    • Translate title to French
    • Include tag</li><li>Check how title is displayed in the web page</li><li>Include <meta> tag with charset to fix title display</li><li>Saving file using shortcut key in Visual Studio Code</li><li><head>, <title>, <meta> explained</li><li>Title explained</li><li>HTML Attributes explained</li><li>What is Favicon?</li><li>Download ‘resources.zip’ for getting favicon image</li><li>Copy downloaded ‘resources.zip’ file</li><li>Place ‘resources.zip’ file in ‘fsd’ folder</li><li>Extract ‘resources.zip’ file</li><li>Verify ‘resources’ folder</li><li>Favicon image and it’s creation steps</li><li>Create ‘images’ folder and copy favicon image file</li><li>Delete ‘resources.zip’</li><li>Include <link> tag for favicon</li><li>Launch Our Story web page using Live Server extension</li><li>Favicon link tag explained</li><li>Include Paris street image</li><li>Understanding images and copyrights</li><li><img alt="Full Stack Series - [FREE SEGMENT of PART1]" title="Full Stack Series - [FREE SEGMENT of PART1]"> tag explained</li><li>What is a Screen Reader?</li><li>Significance of ‘alt’ attribute</li><li>Include text</li><li>HTML Element Alignment</li><li>Apply border to view HTML Element boundary</li><li>Analyze HTML layout</li><li>Limitations of HTML Layout</li><li>An analogy for <div> tag</li><li><div> tag layout for Navigation bar</li><li>Cleaning up the styles</li><li>Inclusion of navigation using emmet</li><li>Understanding Intellisense and <div> tag generation</li><li>Include navigation content</li><li>View navigation elements in browser</li><li>Change navigation <div> to <nav></li><li><div> to enclose the Our Story web page content</li><li>Introduction to Command Palette</li><li>Understanding Visual Studio Code commands</li><li>Open Command Palette</li><li>Executing a command with Command Palette</li><li>Include outer most <div> using Command Palette</li><li>Get the book cover image file</li><li>Including bottom part of Our Story web page</li></ul></li><li>Learn styling and page layout using CSS<ul><li>Create ‘css’ folder</li><li>Create HTML file learning selector</li><li>Include main HTML tags</li><li>Understanding ‘style’ attribute</li><li>Applying style to multiple tags</li><li>Including multiple <h2> tags</li><li>Create stylesheet file</li><li>Define external styles</li><li>Linking HTML and external stylesheet</li><li>Applying styles for all <h2> tags</li><li>How external CSS works?</li><li>Implement Class Selector</li><li>Class Selector explained</li><li>Create HTML file for learning CSS styling</li><li>Applying Font Color</li><li>Display Visual Studio Code and Browser adjacently</li><li>Applying Background Color</li><li>Applying Padding</li><li>Applying Border</li><li>Applying Margin</li><li>Box Model</li><li>Applying Padding, Border and Margin to specific sides</li><li>Apply Text Alignment</li><li>Introduction to Fonts</li><li>Google Fonts</li><li>Applying Font</li><li>Understanding @import</li><li>Apply Font Boldness</li><li>Change Font Size</li><li>Apply Width and Height</li><li>Demonstration of layout</li><li>Get ‘layout.html’ and it’s styles</li><li>Flex Demonstration</li><li>CSS Conclusion</li></ul></li><li>Conclusion<ul><li>Course Conclusion</li></ul></li></ul><p> </p> <center> <a id="spzn:fq9UWMbTEeqpthJ2RmWGow" href="https://coursera.pxf.io/c/3301072/1242836/14726?prodsku=spzn%3Afq9UWMbTEeqpthJ2RmWGow&u=https%3A%2F%2Fwww.coursera.org%2Fspecializations%2Fgoogle-project-management&intsrc=PUI2_9419" target="_top" rel="noopener"> <div style="width: 40%"> <img decoding="async" src="https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://d15cw65ipctsrr.cloudfront.net/8a/f7f459f9674408947edb8e594a5da3/1200x600_PgM.png?auto=format,compress" border="0" alt="Full Stack Series - [FREE SEGMENT of PART1]" title="Full Stack Series - [FREE SEGMENT of PART1]"> <p><b>Google Project Management [Coursera with Google]</b></p></div></a> </center> <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/fsd-part1-free-segment/" style="border-radius:8px;background-color:#40b657" target="_blank" rel="noreferrer noopener"><b>FREE COURSE</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-107409" class="share-twitter sd-button share-icon" href="https://coursemetry.com/full-stack-series-free-segment-of-part1/?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-107409" class="share-facebook sd-button share-icon" href="https://coursemetry.com/full-stack-series-free-segment-of-part1/?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/full-stack-series-free-segment-of-part1/?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-107409" class="share-pinterest sd-button share-icon" href="https://coursemetry.com/full-stack-series-free-segment-of-part1/?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/full-stack-series-free-segment-of-part1/?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-107409" class="share-linkedin sd-button share-icon" href="https://coursemetry.com/full-stack-series-free-segment-of-part1/?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/full-stack-series-free-segment-of-part1/?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/full-stack-series-free-segment-of-part1/?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-107409" class="share-skype sd-button share-icon" href="https://coursemetry.com/full-stack-series-free-segment-of-part1/?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/full-stack-series-free-segment-of-part1/?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/full-stack-series-free-segment-of-part1/#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/it-software/" rel="tag">it & software</a><span class="owp-sep">,</span> <a href="https://coursemetry.com/tag/udemy/" rel="tag">udemy</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/prince-2-foundation-practice-2022/" 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">🇪🇸 PRINCE 2 Foundation Practice-2022</span></a></div><div class="nav-next"><a href="https://coursemetry.com/crypto-trading-cyber-security-for-bitcoin-altcoin-holders/" 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">Crypto Trading Cyber Security for Bitcoin & Altcoin Holders</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-62292 post type-post status-publish format-standard has-post-thumbnail hentry category-finance-accounting category-udemy tag-finance-accounting tag-udemy entry has-media"> <figure class="related-post-media clr"> <a href="https://coursemetry.com/how-to-mine-crypto-on-laptop-desktop-for-beginners-in-2021/" class="related-thumb"> <img width="750" height="422" src="https://coursemetry.com/wp-content/uploads/2021/11/how-to-mine-crypto-on-laptop-desktop-for-beginners-in-2021.jpg" class="attachment-medium_large size-medium_large wp-post-image" alt="How to Mine Crypto on Laptop & Desktop for Beginners in 2021" decoding="async" loading="lazy" itemprop="image" srcset="https://coursemetry.com/wp-content/uploads/2021/11/how-to-mine-crypto-on-laptop-desktop-for-beginners-in-2021.jpg 750w, https://coursemetry.com/wp-content/uploads/2021/11/how-to-mine-crypto-on-laptop-desktop-for-beginners-in-2021-300x169.jpg 300w" sizes="(max-width: 750px) 100vw, 750px" title="How to Mine Crypto on Laptop & Desktop for Beginners in 2021" /> </a> </figure> <h3 class="related-post-title"> <a href="https://coursemetry.com/how-to-mine-crypto-on-laptop-desktop-for-beginners-in-2021/" rel="bookmark">How to Mine Crypto on Laptop & Desktop for Beginners in 2021</a> </h3><!-- .related-post-title --> <time class="published" datetime="2021-11-15T13:11:33+01:00"><i class="far fa-calendar-alt" aria-hidden="true" role="img"></i>November 15, 2021</time> </article><!-- .related-post --> <article class="related-post clr col span_1_of_3 col-2 post-118815 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/amazon-aws-certified-solutions-architect-associate-2022-ex/" class="related-thumb"> <img width="750" height="422" src="https://coursemetry.com/wp-content/uploads/2022/07/4767396_80ab.jpg" class="attachment-medium_large size-medium_large wp-post-image" alt="Amazon AWS Certified Solutions Architect Associate 2022 EX" decoding="async" loading="lazy" itemprop="image" srcset="https://coursemetry.com/wp-content/uploads/2022/07/4767396_80ab.jpg 750w, https://coursemetry.com/wp-content/uploads/2022/07/4767396_80ab-300x169.jpg 300w" sizes="(max-width: 750px) 100vw, 750px" title="Amazon AWS Certified Solutions Architect Associate 2022 EX" /> </a> </figure> <h3 class="related-post-title"> <a href="https://coursemetry.com/amazon-aws-certified-solutions-architect-associate-2022-ex/" rel="bookmark">Amazon AWS Certified Solutions Architect Associate 2022 EX</a> </h3><!-- .related-post-title --> <time class="published" datetime="2022-07-11T07:11:42+02:00"><i class="far fa-calendar-alt" aria-hidden="true" role="img"></i>July 11, 2022</time> </article><!-- .related-post --> <article class="related-post clr col span_1_of_3 col-3 post-71863 post type-post status-publish format-standard has-post-thumbnail hentry category-development category-udemy tag-development tag-udemy entry has-media"> <figure class="related-post-media clr"> <a href="https://coursemetry.com/javascript-game-development-create-a-zombie-horde-game/" class="related-thumb"> <img width="750" height="422" src="https://coursemetry.com/wp-content/uploads/2022/01/javascript-game-development-create-a-zombie-horde-game.jpg" class="attachment-medium_large size-medium_large wp-post-image" alt="JavaScript Game Development: Create a Zombie Horde Game" decoding="async" loading="lazy" itemprop="image" srcset="https://coursemetry.com/wp-content/uploads/2022/01/javascript-game-development-create-a-zombie-horde-game.jpg 750w, https://coursemetry.com/wp-content/uploads/2022/01/javascript-game-development-create-a-zombie-horde-game-300x169.jpg 300w" sizes="(max-width: 750px) 100vw, 750px" title="JavaScript Game Development: Create a Zombie Horde Game" /> </a> </figure> <h3 class="related-post-title"> <a href="https://coursemetry.com/javascript-game-development-create-a-zombie-horde-game/" rel="bookmark">JavaScript Game Development: Create a Zombie Horde Game</a> </h3><!-- .related-post-title --> <time class="published" datetime="2022-01-05T11:16:44+01:00"><i class="far fa-calendar-alt" aria-hidden="true" role="img"></i>January 5, 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\/full-stack-series-free-segment-of-part1\/":107409}; </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":"4abd559564"}}; </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":"d1dfacb46b","isRTL":"","menuSearchStyle":"drop_down","mobileMenuSearchStyle":"disabled","sidrSource":null,"sidrDisplace":"1","sidrSide":"left","sidrDropdownTarget":"link","verticalHeaderTarget":"link","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.3.6' id='oceanwp-main-js'></script> <script src='https://coursemetry.com/wp-content/themes/oceanwp/assets/js/drop-down-mobile-menu.min.js?ver=3.3.6' 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.3.6' 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.3.6' 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.3.6' id='ow-magnific-popup-js'></script> <script src='https://coursemetry.com/wp-content/themes/oceanwp/assets/js/ow-lightbox.min.js?ver=3.3.6' id='oceanwp-lightbox-js'></script> <script src='https://coursemetry.com/wp-content/themes/oceanwp/assets/js/vendors/flickity.pkgd.min.js?ver=3.3.6' id='ow-flickity-js'></script> <script src='https://coursemetry.com/wp-content/themes/oceanwp/assets/js/ow-slider.min.js?ver=3.3.6' id='oceanwp-slider-js'></script> <script src='https://coursemetry.com/wp-content/themes/oceanwp/assets/js/scroll-effect.min.js?ver=3.3.6' id='oceanwp-scroll-effect-js'></script> <script src='https://coursemetry.com/wp-content/themes/oceanwp/assets/js/scroll-top.min.js?ver=3.3.6' id='oceanwp-scroll-top-js'></script> <script src='https://coursemetry.com/wp-content/themes/oceanwp/assets/js/select.min.js?ver=3.3.6' 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=1128190144' id='hcb-prism-js'></script> <script src='https://coursemetry.com/wp-content/plugins/highlighting-code-block/build/js/hcb_script.js?ver=1128190144' 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":"58","version":"6.3.5","store_consent":"","do_not_track":"","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":"24","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=58","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.3.5' id='cmplz-cookiebanner-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.5.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" src="https://www.googletagmanager.com/gtag/js?id="></script> <div id="d2Z4MFpTSmpPQXdWRzZCOHJyRG9SdUZveUtMY2htdGpBdUNGanVMcHlWWT0hxbwf" class="d2Z4MFpTSmpPQXdWRzZCOHJyRG9SdUZveUtMY2htdGpBdUNGanVMcHlWWT0hxbwf"> <div class="NEJ5MkZWWlZ1K2d0ZE9IOGdRUHllazJWbnltbFBtT2R6L245MWtpckFPRT0hxbwf aUtZTlVqQzdXeGlSOVU5ZFJOdWtlMmI5Qnd5SFA5KzhFM3FwMWVZVUlOamNxd1JZOXdXeHRtMHVuOTlWRHg0dAhxbwfhxbwf" id="NEJ5MkZWWlZ1K2d0ZE9IOGdRUHllazJWbnltbFBtT2R6L245MWtpckFPRT0hxbwf"> <div class="d3hQbmRXK1dSZlBMak9rWGoxU2Z1Tkl4a1ZuQVE2SmpxZTZqdnE2MUhvZz0hxbwf" id="d3hQbmRXK1dSZlBMak9rWGoxU2Z1Tkl4a1ZuQVE2SmpxZTZqdnE2MUhvZz0hxbwf"> <div class="bjFScFREd1hHcWl6M2hnVW1tUGZJTHVqZk5aN1hjSWwyQjllN0dNMmVmUT0hxbwf theme1"> <div class="d3hQbmRXK1dSZlBMak9rWGoxU2Z1Tkl4a1ZuQVE2SmpxZTZqdnE2MUhvZz0hxbwf"> <div class="anNpajZUR0RHd0tkRGF2V1pTU0JzMkV1WmJmRS91SFVrWXd4UThkMDg4bz0hxbwf"> <img class="VHhxMDVETWl3TDVrTVFYUzM5bDVmdHU0MEcwYWFpY1pFMGQ0TEFWdzgwRT0hxbwf" src="https://coursemetry.com/wp-content/plugins/chp-ads-block-detector/assets/img/icon.png" alt="Full Stack Series - [FREE SEGMENT of PART1]" title="Full Stack Series - [FREE SEGMENT of PART1]"> </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="b2NIWG1BM2x6VGp6cXdrVitscHQ2Ulo4WjBFbkRmQ3ZUcFVOWUtEeFBoT0FRYTdTNU5xMjk1aXoxNnVnTXdlSwhxbwfhxbwf" onclick="reload()">Refresh</a> </div> </div> </div> </div> </div> <div class="T0Zjd3NaeERIeS9EOFk0Ui94bXNuaFVrNTZ4dGFlL2NoOExIbXJoRmNrN2tObGFWaDBTZ09paTZneGpoOEVLSghxbwfhxbwf"><a id="T0Zjd3NaeERIeS9EOFk0Ui94bXNuaFVrNTZ4dGFlL2NoOExIbXJoRmNrN2tObGFWaDBTZ09paTZneGpoOEVLSghxbwfhxbwf" href="https://chpadblock.com/" target="_blank" rel="noopener noreferrer"><span class="cTR3TGJxQS9hSGlWODVZOEZ5MzM3dFlEajB6MUtzT1VEZldJaTlBYmc0NDJMTGI4L1lwUlZ2OUdvbnVwbEdqcQhxbwfhxbwf" style="color: rgb(9, 13, 22);">Powered By</span> <div class="T0Zjd3NaeERIeS9EOFk0Ui94bXNubkFzMHdDZDZ1R01nN2tnWXlIU2JiOXlFQUx6cEE1ZFU1WlJYZG95ZU1iSAhxbwfhxbwf"><img src="https://coursemetry.com/wp-content/plugins/chp-ads-block-detector/assets/img/d.svg" alt="Full Stack Series - [FREE SEGMENT of PART1]" title="Full Stack Series - [FREE SEGMENT of PART1]" /></div></a></div></div> <script type="text/plain" data-service="general" data-category="marketing"> const dFJUa096ZzFVYWtnc0Y4YXBLejJOUFp3KzBtMm9qQU45ejNEeDlOQnF3ekRIOTlNWDlJdjZnMmxUL1c5N1R1aQhxbwfhxbwf=document.getElementById("d2Z4MFpTSmpPQXdWRzZCOHJyRG9SdUZveUtMY2htdGpBdUNGanVMcHlWWT0hxbwf");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 RDVGSFN0QzR2Qmw3V2VoQm1FVENCcnhrcnBkTFVJUFJlSHcxbVdQMWpBR1NPRWpVaDBxL095QjIzY1UzVGVSbQhxbwfhxbwf=["https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js","https://ads-api.twitter.com"];const brandingBtn=document.getElementById("T0Zjd3NaeERIeS9EOFk0Ui94bXNuaFVrNTZ4dGFlL2NoOExIbXJoRmNrN2tObGFWaDBTZ09paTZneGpoOEVLSghxbwfhxbwf");if(brandingBtn){brandingBtn.addEventListener("click",function(event){event.preventDefault();window.location.href="https://chpadblock.com/pricing/";return false;});} const adblockCloseBtn=document.getElementById("S3JLUHI3Z1hJcjlkaVl0eUxidUlmMmVMUjlDNEVmZzVrVGF4K1U3MEY5ek9XZ05aQkRwQmFsR0RKNk5XQWpOZAhxbwfhxbwf");if(adblockCloseBtn){adblockCloseBtn.onclick=function(){M04yZ1dQeVluUXB4T0F0NTE2cTlYVFB1MHlHSUFMRUlrL2d6SzBYNnhKbXRXQWl0dlNwU3RtVnpNRFZtZzFRdwhxbwfhxbwf();}} function N080U3BWNVMvN1g2MFFjQzB1a2tJcS9kbjRRZjIrdmtNRHorVllCY21UendraElpT25YVGZsR1RGRVRSaWk3Tghxbwfhxbwf(){try{return window.navigator.onLine;}catch(error){return true;}} let serverReqCount=0;let adreqfound=false;function adsBlocked(callBackFunc){if(adreqfound)return true;if(serverReqCount>=RDVGSFN0QzR2Qmw3V2VoQm1FVENCcnhrcnBkTFVJUFJlSHcxbVdQMWpBR1NPRWpVaDBxL095QjIzY1UzVGVSbQhxbwfhxbwf.length){callBackFunc(adreqfound);return true;} if(RDVGSFN0QzR2Qmw3V2VoQm1FVENCcnhrcnBkTFVJUFJlSHcxbVdQMWpBR1NPRWpVaDBxL095QjIzY1UzVGVSbQhxbwfhxbwf.length>0&&N080U3BWNVMvN1g2MFFjQzB1a2tJcS9kbjRRZjIrdmtNRHorVllCY21UendraElpT25YVGZsR1RGRVRSaWk3Tghxbwfhxbwf()){const reqURL=RDVGSFN0QzR2Qmw3V2VoQm1FVENCcnhrcnBkTFVJUFJlSHcxbVdQMWpBR1NPRWpVaDBxL095QjIzY1UzVGVSbQhxbwfhxbwf[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 M04yZ1dQeVluUXB4T0F0NTE2cTlYVFB1MHlHSUFMRUlrL2d6SzBYNnhKbXRXQWl0dlNwU3RtVnpNRFZtZzFRdwhxbwfhxbwf(){try{if(typeof dFJUa096ZzFVYWtnc0Y4YXBLejJOUFp3KzBtMm9qQU45ejNEeDlOQnF3ekRIOTlNWDlJdjZnMmxUL1c5N1R1aQhxbwfhxbwf=='object'){removeClass(dFJUa096ZzFVYWtnc0Y4YXBLejJOUFp3KzBtMm9qQU45ejNEeDlOQnF3ekRIOTlNWDlJdjZnMmxUL1c5N1R1aQhxbwfhxbwf,"WlozalhMdStFUnA2SHlKSXloTEZCbkFrUU1WWTROeUVqODBwbnJUcFJzRT0hxbwf");removeClass(document.body,"eS8zNDR2bFRLL1lHWGNOd1VweFNHREdaem03VEUxenl6ZUtiaU5GeHRPUT0hxbwf")}}catch(e){console.warn(e);}} function WlozalhMdStFUnA2SHlKSXloTEZCdFltcXRaeVJBemdtZGZJTTV0ZGRXWnFxd2JNMnpBZ1Z2UmhjTEU3d1ptRwhxbwfhxbwf(modal){if(modal!=null&&0==displayOnce){displayOnce++;addClass(modal,"WlozalhMdStFUnA2SHlKSXloTEZCbkFrUU1WWTROeUVqODBwbnJUcFJzRT0hxbwf");addClass(document.body,"eS8zNDR2bFRLL1lHWGNOd1VweFNHREdaem03VEUxenl6ZUtiaU5GeHRPUT0hxbwf")}} 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){WlozalhMdStFUnA2SHlKSXloTEZCdFltcXRaeVJBemdtZGZJTTV0ZGRXWnFxd2JNMnpBZ1Z2UmhjTEU3d1ptRwhxbwfhxbwf(dFJUa096ZzFVYWtnc0Y4YXBLejJOUFp3KzBtMm9qQU45ejNEeDlOQnF3ekRIOTlNWDlJdjZnMmxUL1c5N1R1aQhxbwfhxbwf);}} 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="MmYxaWdkNUpWak1OK3lESWpVdldnQzB3RFFZMGZybDFDSlJhZDE2Z0xHem1NZXo3TFAwQ2dZOUY1ZmowTCtscghxbwfhxbwf";divEle.style="width: 1px !important; height: 1px !important; position: absolute !important; left: -10000px !important; top: -1000px !important;";try{if(!document.body.contains(document.getElementById('MmYxaWdkNUpWak1OK3lESWpVdldnQzB3RFFZMGZybDFDSlJhZDE2Z0xHem1NZXo3TFAwQ2dZOUY1ZmowTCtscghxbwfhxbwf'))){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("MmYxaWdkNUpWak1OK3lESWpVdldnQzB3RFFZMGZybDFDSlJhZDE2Z0xHem1NZXo3TFAwQ2dZOUY1ZmowTCtscghxbwfhxbwf");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("cGVIUCthZkZPbUdxY0RMc1pkRFBKS0ZrTi9JRnUvcjg5UWFxNUV0LzZzalI5aDRCMWdOcEJLQ1BhcklUWXpqbAhxbwfhxbwf"));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" src='https://stats.wp.com/e-202248.js' defer></script> <script> _stq = window._stq || []; _stq.push([ 'view', {v:'ext',blog:'188052649',post:'107409',tz:'1',srv:'coursemetry.com',j:'1:11.5.1'} ]); _stq.push([ 'clickTrackerInit', '188052649', '107409' ]); </script><script type="text/javascript" id="uagb-script-frontend-107409">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/05/3516814_d6e7_2.jpg'; }else{ request_url = social_url + encodeURIComponent( window.location.href ); } window.open( request_url, target ); }); } } })</script></body> </html> <!-- Cached by WP-Optimize (gzip) - https://getwpo.com - Last modified: Mon, 28 Nov 2022 18:01:46 GMT -->