Front End Web Development Ultimate Guide

Front End Web Development Ultimate Guide

Front End Web Development Ultimate Guide

You’ll learn all the fundamentals of Front-End Web Development and how you can Use them to start creating websites!

Language: english

Note: 4.3/5 (9,021 notes) 509,583 students

Instructor(s): Learn Tech Plus

Last update: 2022-11-07

What you’ll learn

  • HTML5 Basics
  • Advanced HTML5
  • CSS3 Basics
  • Advanced CSS3
  • JavaScript Basics
  • Advanced JavaScript
  • jQuery Basics
  • Advanced jQuery
  • Bootstrap 4 Basics
  • Advanced Bootstrap 4
  • SVG Basics
  • Advanced SVG
  • Sublime Text 3 (Text Editor)
  • Atom (Text Editor)
  • Visual Studio Code (Text Editor)
  • Brackets (Text Editor)
  • Google Chrome (Web Browser)
  • Firefox Developer Edition (Web Browser)
  • Firefox (Web Browser)
  • Opera (Web Browser)
  • Microsoft Edge (Web Browser)

 

Requirements

  • Willingness to learn
  • Atom (Text Editor) Free
  • Firefox Developer Edition (Web Browser) Free
  • Learn Front End Web Development from Scratch

 

Description

Hi and Welcome to Front End Web Development Ultimate Course 2022

I’m you instructor Josh Werner and I’ll be leading you through this course

Have you always wanted to learn how to code but don’t know where to start?

Would you like to make amazing websites and bring your ideas to life?

Then Front End Web Development Ultimate Course 2022 is for you!

Programming is the most in-demand skill in 2022.

The course begins with the basics. 

I’ll take you through everything you need to know to start building websites like an expert.

We’ll Cover HTML5, CSS3, JavaScript, jQuery, Bootstrap 4 and SVG from scratch.

You’ll learn all the fundamentals of Front-End Web Development and how you can

Use them to start creating you own websites. 

The course is packed with over 98 hours of hands-on tutorials


Hi, My name is Josh Werner with Learn Tech Plus and I have taken all of the guess work out for you as a student trying to learn Front End Web Development I have been where you are right now trying to learn on your own to master a new skill.  Let me walk you through step by step to become a Front Web Developer Master.


How would you like to Master Front Web Development by learning everything you need to know from A to Z.  Then Front End Web Development Master Course for 2022 is for you!


Here is What You Will Learn:


  1. Introduction

  2. Firefox Developer Edition (Web Browser)

  3. Atom (Free Text Editor!)

  4. GitHub Basics (Cloud Base Storage for your Code!)

  5. HTML5 Basics

  6. HTML5 Basics Project

  7. HTML5 Advanced

  8. HTML5 Advanced Project

  9. CSS3 Basics

  10. CSS3 Basics Project

  11. CSS3 Advanced

  12. CSS3 Advanced Project

  13. JavaScript Basics

  14. JavaScript Basics Project

  15. JavaScript Advanced

  16. JavaScript Advanced Project

  17. jQuery Basics

  18. jQuery Basics Project

  19. jQuery Advanced

  20. jQuery Advanced Project

  21. SVG Basics

  22. SVG Basics Project

  23. SVG Advanced

  24. SVG Advanced Project


 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 to Advanced Students wanting to Learn Front End Web Development

 

Course content

  • Introduction
    • Welcome
  • Web Browsers
    • Brave
    • Firefox
    • Firefox Developer Edition
    • Google Chrome
    • Chrome Extensions
    • Chrome Developer Tools
    • Microsoft Edge
    • Opera
  • Developer Tools
    • Git Bash
    • Mac Terminal
    • GitHub
    • GitLab
    • Webpack
    • Web Hosting
    • cPanel
    • Domain Name
    • Font Awesome
    • Google Fonts
    • Slack
  • Text Editors
    • Sublime Text 3
  • Firefox Developer Edition
    • Overview
    • Download & Install
    • Features
    • Developer Tools
    • Summary
  • Atom
    • 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
  • HTML5 – Basic Tags
    • Overview
    • Download and Setup Files
    • Comment
    • Comment Assignment
    • DOCTYPE Assignment
    • html Assignment
    • head tag Assignment
    • </li><li>title Assignment</li><li><body></li><li>body tag Assignment</li><li><h1> to <h6></li><li>h1 to h6 tag Assignment</li><li><p></li><li>p tag Assignment</li><li><br></li><li>br tag Assignment</li><li><hr></li><li>hr tag Assignment</li><li><a></li><li>a tag Assignment</li><li><link></li><li>link tag Assignment</li><li><meta></li><li>meta tag Assignment</li><li><style></li><li>style tag Assignment</li><li>Summary</li><li>Summary Assignment</li></ul></li><li>HTML5 - Styles and Semantics<ul><li>Overview</li><li><div></li><li>div tag Assignment</li><li><span></li><li>span tag Assignment</li><li><header></li><li>header tag Assignemnt</li><li><nav></li><li>nav tag Assignment</li><li><main></li><li>main tag Assignment</li><li><section></li><li>section tag Assignment</li><li><article></li><li>article tag Assignment</li><li><aside></li><li>aside tag Assignment</li><li><details></li><li>details tag Assignment</li><li><dialog></li><li>dialog tag Assignment</li><li><summary></li><li>summary tag Assignment</li><li><data></li><li>data tag Assignment</li><li><footer></li><li>footer tag Assignment</li><li>Summary</li><li>Summary Assignment</li></ul></li><li>HTML5 - Lists<ul><li>Overview</li><li><ul></li><li>ul tag Assignment</li><li><ol></li><li>ol tag Assignment</li><li><li></li><li>li tag Assignment</li><li><dir></li><li>dir tag Assignment</li><li><dl></li><li>dl tag Assignment</li><li><dt></li><li>dt tag Assignment</li><li><dd></li><li>dd tag Assignment</li><li>Summary</li><li>Summary Assignment</li></ul></li><li>HTML5 - Images<ul><li>Overview</li><li><img></li><li>img tag Assignment</li><li><map></li><li>map tag Assignment</li><li><area></li><li>area tag Assignment</li><li><canvas></li><li>canvas tag Assignment</li><li><figcaption></li><li>figcaption</li><li><figure></li><li>figure tag Assignment</li><li><picture></li><li>picture tag Assignment</li><li><svg></li><li>svg tag Assignment</li><li>Summary</li><li>Summary Assignment</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<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><noframes></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 Build Structure of Website<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 and Width</li><li>Box Model</li><li>Outline</li><li>Text</li><li>Fonts</li><li>Icons</li><li>Links</li><li>List</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 Items</li></ul></li><li>CSS3 - Project Style Website<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>JavaScript - Get Started<ul><li>Overview</li><li>History</li><li>What is JavaScript</li><li>Versions</li></ul></li><li>JavaScript - Basics<ul><li>Overview</li><li>Download Files</li><li>Insert JavaScript</li><li>Output</li><li>Statements</li><li>Syntax</li><li>Comments</li><li>Variables</li><li>Let</li><li>Const</li><li>Operators</li><li>Arithmetic</li><li>Assignment</li><li>Data Types</li><li>Functions</li><li>Objects</li><li>Events</li><li>Strings</li><li>String Methods</li><li>Numbers</li><li>Number Methods</li><li>Arrays</li><li>Array Methods</li><li>Array Sort</li><li>Array Iteration</li><li>Dates</li><li>Date Formats</li><li>Date Get Methods</li><li>Date Set Methods</li><li>Math</li><li>Random</li><li>Booleans</li><li>Comparisons</li><li>Conditions</li><li>Switch</li><li>Loop For</li><li>Loop For In</li><li>Loop For Of</li><li>Loop While</li><li>Break</li><li>Type Conversion</li><li>Bitwise</li><li>RegExp</li><li>Errors</li><li>Scope</li><li>Hoisting</li><li>Strict Mode</li><li>this Keyword</li><li>Arrow Function</li><li>Classes</li><li>JSON</li><li>Debugging</li><li>Style Guide</li><li>Best Practices</li><li>Mistakes</li><li>Performance</li><li>Reserved Words</li></ul></li><li>JavaScript - Objects<ul><li>Overview</li><li>Definitions</li><li>Properties</li><li>Methods</li><li>Display</li><li>Accessors</li><li>Constructors</li><li>Prototypes</li><li>ECMAScript 5</li></ul></li><li>JavaScript - Functions<ul><li>Overview</li><li>Definitions</li><li>Parameters</li><li>Invocation</li><li>Call</li><li>Apply</li><li>Closures</li></ul></li><li>JavaScript - Classes<ul><li>Overview</li><li>Intro</li><li>Inheritance</li><li>Static</li></ul></li><li>JavaScript - Async<ul><li>Overview</li><li>Callbacks</li><li>Asynchronous</li><li>Promises</li><li>Async/Await</li></ul></li><li>JavaScript - HTML DOM<ul><li>Overview</li><li>Intro</li><li>Methods</li><li>Documents</li><li>Elements</li><li>HTML</li><li>CSS</li><li>Animations</li><li>Events</li><li>Event Listener</li><li>Navigation</li><li>Nodes</li><li>Collections</li><li>Node Lists</li></ul></li><li>JavaScript - Browser BOM<ul><li>Overview</li><li>Window</li><li>Screen</li><li>Location</li><li>History</li><li>Navigator</li><li>Popup Alert</li><li>Timing</li><li>Cookies</li></ul></li><li>JavaScript - AJAX<ul><li>Overview</li><li>Intro</li><li>XML http</li><li>Request</li><li>Response</li><li>XML File</li><li>PHP</li><li>ASP</li><li>Database</li><li>Applications</li></ul></li><li>JavaScript - JSON<ul><li>Overview</li><li>Intro</li><li>Syntax</li><li>JSON vs. XML</li><li>Data Types</li><li>Parse</li><li>Stringify</li><li>Objects</li><li>Arrays</li><li>PHP</li><li>HTML</li><li>JSONP</li></ul></li><li>JavaScript - Web APIs<ul><li>Overview</li><li>Intro</li><li>History</li><li>Storage</li><li>Worker</li><li>Fetch</li><li>Geolocation</li></ul></li><li>JavaScript vs. jQuery<ul><li>Overview</li><li>Selectors</li><li>HTML</li><li>CSS</li><li>DOM</li></ul></li><li>jQuery - Get Started<ul><li>Overview</li><li>What is jQuery</li><li>Why jQuery</li><li>Download</li><li>CDN</li><li>Download and Setup Files</li></ul></li><li>jQuery - Selectors<ul><li>Overview</li><li>What are Selectors</li><li>All Elements</li><li>#id</li><li>.class</li><li>:first</li><li>:last</li><li>:even</li><li>:odd</li><li>:first-child</li><li>:first-of-type</li><li>:last-child</li><li>:last-of-type</li><li>:nth-child()</li><li>:nth-last-child()</li><li>:nth-last-of-type()</li><li>:only-child</li><li>:only-of-type</li><li>parent > child</li><li>parent descendant</li><li>element + next</li><li>element ~ siblings</li><li>eq</li><li>gt</li><li>lt</li><li>not</li><li>header</li><li>animated</li><li>focus</li><li>contains</li><li>has</li><li>empty</li><li>parent</li><li>hidden</li><li>visible</li><li>root</li><li>language</li><li>[attribute]</li><li>[attribute=value]</li><li>[attribute!=value]</li><li>[attribute$=value]</li><li>[attribute|=value]</li><li>[attribute^=value]</li><li>[attribute~=value]</li><li>[attribute*=value]</li><li>input</li><li>text</li><li>password</li><li>radio</li><li>checkbox</li><li>submit</li><li>reset</li><li>button</li><li>image</li><li>file</li><li>enabled</li><li>disabled</li><li>selected</li><li>checked</li></ul></li><li>jQuery - Events<ul><li>Overview</li><li>blur()</li><li>change()</li><li>click()</li><li>dbclick()</li><li>focus()</li><li>focusin()</li><li>focusout()</li><li>hover()</li><li>keydown()</li><li>keypress()</li><li>keyup()</li><li>live()</li><li>load()</li><li>mousedown()</li><li>mouseenter()</li><li>mouseleave()</li><li>mousemove()</li><li>mouseout()</li><li>mouseover()</li><li>mouseup()</li><li>off()</li><li>on()</li><li>unload()</li></ul></li><li>jQuery - Effects<ul><li>Overview</li><li>animate()</li><li>clearQueue()</li><li>delay()</li><li>dequeue()</li><li>fadeIn()</li><li>fadeOut()</li><li>fadeTo()</li><li>fadeToggle()</li><li>finish()</li><li>hide()</li><li>queue()</li><li>show()</li><li>slideDown()</li><li>slideToggle()</li><li>slideUp()</li><li>stop()</li><li>toggle()</li></ul></li><li>jQuery - HTML/CSS Methods<ul><li>Overview</li><li>addClass()</li><li>after()</li><li>append()</li><li>appendto()</li><li>attr()</li><li>before()</li><li>clone()</li><li>css()</li><li>empty()</li><li>hasClass()</li><li>height()</li><li>html()</li><li>prop()</li><li>remove()</li><li>toggleClass()</li></ul></li><li>Bootstrap 4 - Get Started<ul><li>Overview</li><li>What is Bootstrap</li><li>Get Bootstrap</li><li>Download and Setup Files</li></ul></li><li>Bootstrap 4 - Components<ul><li>Overview</li><li>Containers</li><li>Grid Basic</li><li>Typography</li><li>Colors</li><li>Tables</li><li>Images</li><li>Jumbotron</li><li>Alerts</li><li>Buttons</li><li>Button Groups</li><li>Badges</li><li>Progress Bars</li><li>Spinners</li><li>Pagination</li><li>List Groups</li><li>Cards</li><li>Dropdowns</li><li>Collapse</li><li>Navs</li><li>Navbar</li><li>Forms</li><li>Inputs</li><li>Input Groups</li><li>Custom Forms</li><li>Carousel</li><li>Modal</li><li>Tooltip</li><li>Popover</li><li>Toast</li><li>Scrollspy</li><li>Utilities</li><li>Flex</li><li>Icons</li><li>Media Objects</li><li>Filters</li></ul></li><li>Bootstrap 4 - Grid<ul><li>Overview</li><li>Grid System</li><li>Stacked/Horizontal</li><li>Grid XSmall</li><li>Grid Small</li><li>Grid Medium</li><li>Grid Large</li><li>Grid XLarge</li><li>Grid Examples</li></ul></li><li>Boostrap 4 - Reference<ul><li>Overview</li><li>Alert</li><li>Button</li><li>Carousel</li><li>Collapse</li><li>Dropdown</li><li>Modal</li><li>Popover</li><li>Scrollspy</li><li>Tab</li><li>Toasts</li><li>Tooltip</li></ul></li><li>Bootstrap 4 - Project<ul><li>Overview</li><li>Build Home Page</li><li>Build About Page</li><li>Build Services Page</li><li>Build Contact Page</li><li>Summary</li></ul></li><li>SVG - Get Started<ul><li>Overview</li><li>What is SVG</li><li>SVG Advantages</li><li>Creating SVG Images</li></ul></li><li>SVG - Basics<ul><li>Overview</li><li>Download and Setup Files</li><li>HTML</li><li>Rectangle</li><li>Circle</li><li>Ellipse</li><li>Line</li><li>Polygon</li><li>Polyline</li><li>Path</li><li>Text</li><li>Stroking</li><li>Filters</li><li>Blur Effects</li><li>Drop Shadows</li><li>Linear</li><li>Radial</li></ul></li><li>SVG - Canvas<ul><li>Overview</li><li>Drawing</li><li>Coordinates</li><li>Gradients</li><li>Text</li><li>Images</li></ul></li><li>SVG - Canvas Clock<ul><li>Overview</li><li>Introduction</li><li>Face</li><li>Numbers</li><li>Hands</li><li>Start</li></ul></li><li>SVG - HTML Game<ul><li>Overview</li><li>Introduction</li><li>Project</li><li>Summary</li></ul></li><li>Conclusion<ul><li>Thank You</li></ul></li><li>Old Content<ul><li>Front End Web Development</li><li>Basic HTML5</li><li>Advanced HTML5</li><li>Basic CSS3</li><li>Advanced CSS3</li><li>Basic JavaScript</li><li>Advanced JavaScript</li><li>Basic jQuery</li><li>Advanced jQuery</li><li>Basic SVG</li><li>Advanced SVG</li><li>Basic Bootstrap 4</li><li>Advanced Bootstrap 4</li><li>Powershell</li><li>HTTP</li><li>Developer Tools</li><li>ThreeJS</li><li>OpenGL</li><li>WebGL</li><li>Apache Web Server</li><li>Apache Tomcat</li><li>Server Infrastructure</li><li>Servlet</li><li>JSF</li><li>JDBC</li><li>Debugging</li><li>A-Frame Framework</li><li>WebVR</li><li>Java Web Services</li><li>Helm</li><li>Zabbix</li><li>Grafana</li><li>Burp Suite</li><li>MariaDB</li><li>Prometheus Software</li><li>Network Monitoring</li><li>Clojure</li><li>Certified Kubernetes Administrator</li><li>Apache Groovy</li><li>Blazor</li><li>NextJS</li><li>Deno</li><li>Databricks</li><li>OpenShift</li><li>Intellij</li><li>Swagger Tools</li><li>Domain Trading</li><li>Angular Material</li><li>Summary</li></ul></li></ul><p> </p> <center> <a href="https://coursera.pxf.io/c/3301072/1320995/14726" target="_top" id="1320995" rel="noopener"><img decoding="async" loading="lazy" src="//a.impactradius-go.com/display-ad/14726-1320995" border="0" alt="" width="450" height="450"></a><img decoding="async" loading="lazy" height="0" width="0" src="https://imp.pxf.io/i/3301072/1320995/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 489 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/learn-front-end-development/?couponCode=TRYFREE1000112201" style="border-radius:8px;background-color:#F49201" target="_blank" rel="noreferrer noopener"><b>100% OFF COUPON<br><del style="color: #ffffff;">$199.99</del> (489 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-61305" class="share-twitter sd-button share-icon" href="https://coursemetry.com/front-end-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-61305" class="share-facebook sd-button share-icon" href="https://coursemetry.com/front-end-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/front-end-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-61305" class="share-pinterest sd-button share-icon" href="https://coursemetry.com/front-end-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/front-end-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-61305" class="share-linkedin sd-button share-icon" href="https://coursemetry.com/front-end-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/front-end-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/front-end-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-61305" class="share-skype sd-button share-icon" href="https://coursemetry.com/front-end-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/front-end-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/front-end-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/iec-62304-medical-devices-software-development-processes/" 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">IEC 62304 – Medical Devices Software Development & Processes</span></a></div><div class="nav-next"><a href="https://coursemetry.com/microsoft-sql-server-development-for-everyone/" 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">Microsoft SQL Server Development for Everyone</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-136767 post type-post status-publish format-standard has-post-thumbnail hentry category-design category-design-tools category-udemy tag-design tag-design-tools tag-udemy entry has-media"> <figure class="related-post-media clr"> <a href="https://coursemetry.com/short-track-adobe-photoshop-from-scratch-to-27-projects/" class="related-thumb"> <img width="750" height="422" src="https://coursemetry.com/wp-content/uploads/2022/11/4787336_3224_3.jpg" class="attachment-medium_large size-medium_large wp-post-image" alt="Short Track - Adobe Photoshop from Scratch to 27 Projects" decoding="async" loading="lazy" itemprop="image" srcset="https://coursemetry.com/wp-content/uploads/2022/11/4787336_3224_3.jpg 750w, https://coursemetry.com/wp-content/uploads/2022/11/4787336_3224_3-300x169.jpg 300w" sizes="(max-width: 750px) 100vw, 750px" title="Short Track - Adobe Photoshop from Scratch to 27 Projects" /> </a> </figure> <h3 class="related-post-title"> <a href="https://coursemetry.com/short-track-adobe-photoshop-from-scratch-to-27-projects/" rel="bookmark">Short Track – Adobe Photoshop from Scratch to 27 Projects</a> </h3><!-- .related-post-title --> <time class="published" datetime="2022-11-06T16:26:40+01:00"><i class=" far fa-calendar-alt" aria-hidden="true" role="img"></i>November 6, 2022</time> </article><!-- .related-post --> <article class="related-post clr col span_1_of_3 col-2 post-65416 post type-post status-publish format-standard has-post-thumbnail hentry category-design category-udemy tag-design tag-udemy entry has-media"> <figure class="related-post-media clr"> <a href="https://coursemetry.com/how-to-make-a-wordpress-website-2021-no-experience-needed/" class="related-thumb"> <img width="750" height="422" src="https://coursemetry.com/wp-content/uploads/2021/11/how-to-make-a-wordpress-website-2021-no-experience-needed.jpg" class="attachment-medium_large size-medium_large wp-post-image" alt="How To Make A Wordpress Website 2021 - No Experience Needed!" decoding="async" loading="lazy" itemprop="image" srcset="https://coursemetry.com/wp-content/uploads/2021/11/how-to-make-a-wordpress-website-2021-no-experience-needed.jpg 750w, https://coursemetry.com/wp-content/uploads/2021/11/how-to-make-a-wordpress-website-2021-no-experience-needed-300x169.jpg 300w" sizes="(max-width: 750px) 100vw, 750px" title="How To Make A Wordpress Website 2021 - No Experience Needed!" /> </a> </figure> <h3 class="related-post-title"> <a href="https://coursemetry.com/how-to-make-a-wordpress-website-2021-no-experience-needed/" rel="bookmark">How To Make A WordPress Website 2021 – No Experience Needed!</a> </h3><!-- .related-post-title --> <time class="published" datetime="2021-11-30T08:19:05+01:00"><i class=" far fa-calendar-alt" aria-hidden="true" role="img"></i>November 30, 2021</time> </article><!-- .related-post --> <article class="related-post clr col span_1_of_3 col-3 post-105497 post type-post status-publish format-standard has-post-thumbnail hentry category-digital-marketing category-udemy tag-digital-marketing tag-udemy entry has-media"> <figure class="related-post-media clr"> <a href="https://coursemetry.com/affiliate-marketing-for-beginners-with-no-money/" class="related-thumb"> <img width="750" height="422" src="https://coursemetry.com/wp-content/uploads/2022/05/4673084_4cba.jpg" class="attachment-medium_large size-medium_large wp-post-image" alt="Affiliate Marketing For Beginners With No Money!" decoding="async" loading="lazy" itemprop="image" srcset="https://coursemetry.com/wp-content/uploads/2022/05/4673084_4cba.jpg 750w, https://coursemetry.com/wp-content/uploads/2022/05/4673084_4cba-300x169.jpg 300w" sizes="(max-width: 750px) 100vw, 750px" title="Affiliate Marketing For Beginners With No Money!" /> </a> </figure> <h3 class="related-post-title"> <a href="https://coursemetry.com/affiliate-marketing-for-beginners-with-no-money/" rel="bookmark">Affiliate Marketing For Beginners With No Money!</a> </h3><!-- .related-post-title --> <time class="published" datetime="2022-05-23T19:22:41+02:00"><i class=" far fa-calendar-alt" aria-hidden="true" role="img"></i>May 23, 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\/front-end-web-development-ultimate-guide\/":61305}; </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":"1398595174"}}; </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":"2ef63348fb","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=1203160325' id='hcb-prism-js'></script> <script src='https://coursemetry.com/wp-content/plugins/highlighting-code-block/build/js/hcb_script.js?ver=1203160325' 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 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.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="VzhpcnJEeWJ5THFLV21ObEUwYk9MeTRrcHJrSUVOcnBINjJpUXMyV2JDMD0wwogl" class="VzhpcnJEeWJ5THFLV21ObEUwYk9MeTRrcHJrSUVOcnBINjJpUXMyV2JDMD0wwogl"> <div class="SjZaaEVaZUdBSEFSZ3drMTgwZHpOQVRuNnBVUE81TWhHQ2kwTlNFRDVGTT0wwogl NnE3UTUvR0JKRGhrVFlnclFHeUhLNXV5STdXMnNJNWtEUk55UHhEcEpnSXdZOHA2RFlDUzVqZkt0SWtVMDdCRwwwoglwwogl" id="SjZaaEVaZUdBSEFSZ3drMTgwZHpOQVRuNnBVUE81TWhHQ2kwTlNFRDVGTT0wwogl"> <div class="WTR1aUtvNnJSSHZKQTA1MUNYQlZQcVFiUWUrMXRjWlVVcnlhNXlqV0Uxbz0wwogl" id="WTR1aUtvNnJSSHZKQTA1MUNYQlZQcVFiUWUrMXRjWlVVcnlhNXlqV0Uxbz0wwogl"> <div class="UW40VGFKZW9Vdm9FVVpicnVESEFNUTBrdi9kUDE4YlMzekY1ZlFtZEV5UT0wwogl theme1"> <div class="WTR1aUtvNnJSSHZKQTA1MUNYQlZQcVFiUWUrMXRjWlVVcnlhNXlqV0Uxbz0wwogl"> <div class="eWlqTG5GWGlXTXpPeXZaOVhLdFVneVpKK3VoMUxYT1NxTlpRcGEwZ2V1MD0wwogl"> <img class="WW1hM1BIQTZZZ1NudDFTVTJiTWZxd3V4aFFRcHlkUVZjUkJoWHkzTVp2VT0wwogl" src="https://coursemetry.com/wp-content/plugins/chp-ads-block-detector/assets/img/icon.png" alt="Front End Web Development Ultimate Guide" title="Front End 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="TWN6S1RiaTdwYXlDK1JLQlhkVktEOWlveDZENEg5eFNHWHBmYTRxeUpkRFVZdEtTOUU4M2dYcjJ6ei8rOGdHYQwwoglwwogl" onclick="reload()">Refresh</a> </div> </div> </div> </div> </div> <div class="OTUrdmNwUG1uZW5xM0pZdVdDakFiVGVPakM1b3loVUJzQ1dCYXpjTFZLQXNKeEs2YlFzZk1meDBMTFVMcjVVagwwoglwwogl"><a id="OTUrdmNwUG1uZW5xM0pZdVdDakFiVGVPakM1b3loVUJzQ1dCYXpjTFZLQXNKeEs2YlFzZk1meDBMTFVMcjVVagwwoglwwogl" href="https://chpadblock.com/" target="_blank" rel="noopener noreferrer"><span class="QnhjWFZEQVpJQlVHUTdxRzdhSHBtSTJVRDFDSkNrVERSYUFGdWJhKzV3VDhzdnMvR3BYbVV0Y1ozZG1JMnAwTAwwoglwwogl" style="color: rgb(9, 13, 22);">Powered By</span> <div class="OTUrdmNwUG1uZW5xM0pZdVdDakFiZEkwdDIwY0tlMFVqc1RxUGlkRERzaW9zVi8yZFc5K3RYWjl2Ynd2K3UraAwwoglwwogl"><img src="https://coursemetry.com/wp-content/plugins/chp-ads-block-detector/assets/img/d.svg" alt="Front End Web Development Ultimate Guide" title="Front End Web Development Ultimate Guide" /></div></a></div></div> <script type="text/plain" data-service="general" data-category="marketing"> const QTZRYjdPVW5CcGV2N1NOaUxyei8vYnlZYmUwNkJnazc3WnVJL0h5dVpwNkFLMmx5eE1DdHoyU0JSZlNUdmNqTAwwoglwwogl=document.getElementById("VzhpcnJEeWJ5THFLV21ObEUwYk9MeTRrcHJrSUVOcnBINjJpUXMyV2JDMD0wwogl");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 bTduaVVCQ08yaGhGWDVJRStYSWJXZXJaaUk1UHBncFV4NGVXMTI5UStWMHVPeHNkT2JnOGpXbTlhbFRnbS93Wgwwoglwwogl=["https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js","https://ads-api.twitter.com"];const brandingBtn=document.getElementById("OTUrdmNwUG1uZW5xM0pZdVdDakFiVGVPakM1b3loVUJzQ1dCYXpjTFZLQXNKeEs2YlFzZk1meDBMTFVMcjVVagwwoglwwogl");if(brandingBtn){brandingBtn.addEventListener("click",function(event){event.preventDefault();window.location.href="https://chpadblock.com/pricing/";return false;});} const adblockCloseBtn=document.getElementById("VHRBTm04RWZsV0g1Tkh2VGJ6WVdPeE85UlZBUGowWVJPb0VwaURSbTcveFRYVGRRSUR4ZlBMcTJkZTl5c01uQgwwoglwwogl");if(adblockCloseBtn){adblockCloseBtn.onclick=function(){T1NVNVh5Yi9YZ0U1cnVGZXRYZHl1bXpzZGp3ZU5DcitGKzB1dHFRRnNweUF1cVZoM3pEOWo2bU5BODFyTW5Xdwwwoglwwogl();}} function b1hQZjE4ci9xSlRvOGJFNkhEbk51MDN3eFJYbEt4YXBSbGxRWkVkS0sxbWZHR1RrSmMvL2RlMnFSTEZxTFFJWAwwoglwwogl(){try{return window.navigator.onLine;}catch(error){return true;}} let serverReqCount=0;let adreqfound=false;function adsBlocked(callBackFunc){if(adreqfound)return true;if(serverReqCount>=bTduaVVCQ08yaGhGWDVJRStYSWJXZXJaaUk1UHBncFV4NGVXMTI5UStWMHVPeHNkT2JnOGpXbTlhbFRnbS93Wgwwoglwwogl.length){callBackFunc(adreqfound);return true;} if(bTduaVVCQ08yaGhGWDVJRStYSWJXZXJaaUk1UHBncFV4NGVXMTI5UStWMHVPeHNkT2JnOGpXbTlhbFRnbS93Wgwwoglwwogl.length>0&&b1hQZjE4ci9xSlRvOGJFNkhEbk51MDN3eFJYbEt4YXBSbGxRWkVkS0sxbWZHR1RrSmMvL2RlMnFSTEZxTFFJWAwwoglwwogl()){const reqURL=bTduaVVCQ08yaGhGWDVJRStYSWJXZXJaaUk1UHBncFV4NGVXMTI5UStWMHVPeHNkT2JnOGpXbTlhbFRnbS93Wgwwoglwwogl[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 T1NVNVh5Yi9YZ0U1cnVGZXRYZHl1bXpzZGp3ZU5DcitGKzB1dHFRRnNweUF1cVZoM3pEOWo2bU5BODFyTW5Xdwwwoglwwogl(){try{if(typeof QTZRYjdPVW5CcGV2N1NOaUxyei8vYnlZYmUwNkJnazc3WnVJL0h5dVpwNkFLMmx5eE1DdHoyU0JSZlNUdmNqTAwwoglwwogl=='object'){removeClass(QTZRYjdPVW5CcGV2N1NOaUxyei8vYnlZYmUwNkJnazc3WnVJL0h5dVpwNkFLMmx5eE1DdHoyU0JSZlNUdmNqTAwwoglwwogl,"b3Z2aUhzT2xKSFZzVU9Kb0pXSVUzaGJJU2ROVlJVZGZOTVBVMFhGclFWTT0wwogl");removeClass(document.body,"MnR6MS9rUnVqMzl1NWtMaXczMzhyam90Uy9XS0hGRnpvSlkzbzk1bDRrRT0wwogl")}}catch(e){console.warn(e);}} function b3Z2aUhzT2xKSFZzVU9Kb0pXSVUzbzJZdmFOMzRsVy9aWWFsVGh4MlUvVktMejVpNFAvSEZPcFUwclF3THN1Ugwwoglwwogl(modal){if(modal!=null&&0==displayOnce){displayOnce++;addClass(modal,"b3Z2aUhzT2xKSFZzVU9Kb0pXSVUzaGJJU2ROVlJVZGZOTVBVMFhGclFWTT0wwogl");addClass(document.body,"MnR6MS9rUnVqMzl1NWtMaXczMzhyam90Uy9XS0hGRnpvSlkzbzk1bDRrRT0wwogl")}} 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){b3Z2aUhzT2xKSFZzVU9Kb0pXSVUzbzJZdmFOMzRsVy9aWWFsVGh4MlUvVktMejVpNFAvSEZPcFUwclF3THN1Ugwwoglwwogl(QTZRYjdPVW5CcGV2N1NOaUxyei8vYnlZYmUwNkJnazc3WnVJL0h5dVpwNkFLMmx5eE1DdHoyU0JSZlNUdmNqTAwwoglwwogl);}} 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="NmpoT0UvUHdNQ0MrVGVmYTViREVYTCs1bWRsRGpjbE9oQzRIY2hzK2lxMWdRNlFwM2NkaThDUm5NOXZsY1Q2Ugwwoglwwogl";divEle.style="width: 1px !important; height: 1px !important; position: absolute !important; left: -10000px !important; top: -1000px !important;";try{if(!document.body.contains(document.getElementById('NmpoT0UvUHdNQ0MrVGVmYTViREVYTCs1bWRsRGpjbE9oQzRIY2hzK2lxMWdRNlFwM2NkaThDUm5NOXZsY1Q2Ugwwoglwwogl'))){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("NmpoT0UvUHdNQ0MrVGVmYTViREVYTCs1bWRsRGpjbE9oQzRIY2hzK2lxMWdRNlFwM2NkaThDUm5NOXZsY1Q2Ugwwoglwwogl");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("TkVVUGpYQzMrdmdjMXI3QXQ3eEp1clZFTU5lVEh0R2NRclFGRGhsSkJYbHJLYStCT2MxbHN3U25VdXNvOXUwZAwwoglwwogl"));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:'61305',tz:'1',srv:'coursemetry.com',j:'1:11.5.1'} ]); _stq.push([ 'clickTrackerInit', '188052649', '61305' ]); </script><script type="text/javascript" id="uagb-script-frontend-61305">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/11/1691862_eba9_3.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: Sat, 03 Dec 2022 15:03:26 GMT -->