{"id":251,"date":"2019-09-25T18:03:21","date_gmt":"2019-09-25T16:03:21","guid":{"rendered":"https:\/\/sketch2react.wordpress.com\/2019\/09\/25\/fredriks-front-end-quick-read-5\/"},"modified":"2020-06-18T07:16:56","modified_gmt":"2020-06-18T07:16:56","slug":"fredriks-front-end-quick-read-5","status":"publish","type":"post","link":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-5\/","title":{"rendered":"Fredrik\u2019s front-end quick read #5"},"content":{"rendered":"<figure><img decoding=\"async\" data-width=\"1920\" data-height=\"1080\" src=\"http:\/\/sketch2react.files.wordpress.com\/2019\/09\/99335-1m9jkvqjowfgjpphshqurdg.png\"><\/figure>\n<p>Big O notation, front-end Machine learning, Can I Email and more! This week I really have a mixed variety of articles lined up for you! Read on and be enlightened!<\/p>\n<h3>1. The Big O Notation\u200a\u2014\u200aAn Introduction<\/h3>\n<p>Big O notation is used in computer science to describe the performance or complexity of an algorithm. If you have heard of the term but don\u2019t understand it, this is a great starting point.<\/p>\n<p><a href=\"https:\/\/dev.to\/sarah_chima\/the-big-o-notation-an-introduction-34f7\">https:\/\/dev.to\/sarah_chima\/the-big-o-notation-an-introduction-34f7<\/a><\/p>\n<hr>\n<h3><strong>2. Machine Learning For Front-End Developers With Tensorflow.js\u200a\u2014\u200aSmashing&nbsp;Magazine<\/strong><\/h3>\n<p>Charlie Gerard covers how to get started with machine learning using JavaScript and frameworks like Tensorflow.js, and highlights some of the limits of using machine learning in the frontend.<\/p>\n<p><a href=\"https:\/\/dev.to\/sarah_chima\/the-big-o-notation-an-introduction-34f7\">https:\/\/dev.to\/sarah_chima\/the-big-o-notation-an-introduction-34f7<\/a><\/p>\n<hr>\n<h3><strong>3. Understanding client side routing by implementing a router in Vanilla&nbsp;JS<\/strong><\/h3>\n<p>When working with single page application frameworks, the routing is usually handled by some routing module or package. For many developers, how this routing actually works is something of a mystery. The purpose of this article is to help developers to gain a better understanding of how client side routing works in frameworks like React by implementing this functionality themselves in Vanilla JS. While not specific to React, this article gives great insight into how a router (like React Router) works.<\/p>\n<p><a href=\"https:\/\/dev.to\/sarah_chima\/the-big-o-notation-an-introduction-34f7\">https:\/\/dev.to\/sarah_chima\/the-big-o-notation-an-introduction-34f7<\/a><\/p>\n<hr>\n<h3><strong>4. Can I&nbsp;email\u2026<\/strong><\/h3>\n<p>We all know and love caniuse.com. Unfortunately, if you wanted to test support for web standards in HTML Email, it wasn\u2019t really easy. Until now. Inspired by the successful concept, Can I Email lets you check support for more than 50 HTML and CSS features in 25 email clients. More is already in the planning.<\/p>\n<p><a href=\"https:\/\/dev.to\/sarah_chima\/the-big-o-notation-an-introduction-34f7\">https:\/\/dev.to\/sarah_chima\/the-big-o-notation-an-introduction-34f7<\/a><\/p>\n<hr>\n<h3><strong>5. Overflow And Data Loss In CSS\u200a\u2014\u200aSmashing&nbsp;Magazine<\/strong><\/h3>\n<p>In this article, Rachel Andrew explores the situations in which you might encounter overflow in your web designs and explains how CSS has evolved to create better ways to manage and design around unknown amounts of content.<\/p>\n<p><a href=\"https:\/\/dev.to\/sarah_chima\/the-big-o-notation-an-introduction-34f7\">https:\/\/dev.to\/sarah_chima\/the-big-o-notation-an-introduction-34f7<\/a><\/p>\n<hr>\n<p>Thank you for reading and happy coding! \u2764\ufe0f<\/p>\n<p>\/Fredrik Ward, Senior front-end developer @ Bouvet and co-creator of Sketch2React<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Big O notation, front-end Machine learning, Can I Email and more! This week I really have a mixed variety of articles lined up for you! Read on and be enlightened! 1. The Big O Notation\u200a\u2014\u200aAn Introduction Big O notation is used in computer science to describe the performance or complexity of an algorithm. If you&hellip;&nbsp;<a href=\"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-5\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Fredrik\u2019s front-end quick read #5<\/span><\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"bgseo_title":"","bgseo_description":"","bgseo_robots_index":"","bgseo_robots_follow":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[167],"tags":[158,159,6,61,128],"class_list":["post-251","post","type-post","status-publish","format-standard","hentry","category-fredriks-front-end-quick-read","tag-bouvet","tag-front-end-development","tag-html","tag-javascript","tag-news"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Fredrik\u2019s front-end quick read #5 | Sketch2React Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-5\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Fredrik\u2019s front-end quick read #5 - Sketch2React Blog\" \/>\n<meta property=\"og:description\" content=\"Big O notation, front-end Machine learning, Can I Email and more! This week I really have a mixed variety of articles lined up for you! Read on and be enlightened! 1. The Big O Notation\u200a\u2014\u200aAn Introduction Big O notation is used in computer science to describe the performance or complexity of an algorithm. If you&hellip;&nbsp;Read More &raquo;Fredrik\u2019s front-end quick read #5\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-5\/\" \/>\n<meta property=\"og:site_name\" content=\"Sketch2React Blog\" \/>\n<meta property=\"article:published_time\" content=\"2019-09-25T16:03:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-06-18T07:16:56+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/sketch2react.files.wordpress.com\/2019\/09\/99335-1m9jkvqjowfgjpphshqurdg.png\" \/>\n<meta name=\"author\" content=\"Fredrik Ward\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fredrik Ward\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-5\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-5\/\"},\"author\":{\"name\":\"Fredrik Ward\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/d452067d5528ce6cda4be87f136cf664\"},\"headline\":\"Fredrik\u2019s front-end quick read #5\",\"datePublished\":\"2019-09-25T16:03:21+00:00\",\"dateModified\":\"2020-06-18T07:16:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-5\/\"},\"wordCount\":378,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-5\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/sketch2react.files.wordpress.com\/2019\/09\/99335-1m9jkvqjowfgjpphshqurdg.png\",\"keywords\":[\"Bouvet\",\"Front End Development\",\"HTML\",\"JavaScript\",\"News\"],\"articleSection\":[\"Fredrik's Front-end Quick Read\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-5\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-5\/\",\"url\":\"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-5\/\",\"name\":\"Fredrik\u2019s front-end quick read #5 - Sketch2React Blog\",\"isPartOf\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-5\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-5\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/sketch2react.files.wordpress.com\/2019\/09\/99335-1m9jkvqjowfgjpphshqurdg.png\",\"datePublished\":\"2019-09-25T16:03:21+00:00\",\"dateModified\":\"2020-06-18T07:16:56+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-5\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-5\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-5\/#primaryimage\",\"url\":\"http:\/\/sketch2react.files.wordpress.com\/2019\/09\/99335-1m9jkvqjowfgjpphshqurdg.png\",\"contentUrl\":\"http:\/\/sketch2react.files.wordpress.com\/2019\/09\/99335-1m9jkvqjowfgjpphshqurdg.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-5\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sketch2react.io\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Fredrik\u2019s front-end quick read #5\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#website\",\"url\":\"https:\/\/sketch2react.io\/blog\/\",\"name\":\"Sketch2React Blog\",\"description\":\"Articles, tutorials, tips &amp; tricks\",\"publisher\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sketch2react.io\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#organization\",\"name\":\"Sketch2React Blog\",\"url\":\"https:\/\/sketch2react.io\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/10\/cropped-S2R2021Icon.png\",\"contentUrl\":\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/10\/cropped-S2R2021Icon.png\",\"width\":512,\"height\":512,\"caption\":\"Sketch2React Blog\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/d452067d5528ce6cda4be87f136cf664\",\"name\":\"Fredrik Ward\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/91605aba05531b0d98ed254dc314b74be1800d1086302db1454b4489c128e3e1?s=96&d=wavatar&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/91605aba05531b0d98ed254dc314b74be1800d1086302db1454b4489c128e3e1?s=96&d=wavatar&r=g\",\"caption\":\"Fredrik Ward\"},\"url\":\"https:\/\/sketch2react.io\/blog\/author\/sewk9wxw3g\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Fredrik\u2019s front-end quick read #5 | Sketch2React Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-5\/","og_locale":"en_US","og_type":"article","og_title":"Fredrik\u2019s front-end quick read #5 - Sketch2React Blog","og_description":"Big O notation, front-end Machine learning, Can I Email and more! This week I really have a mixed variety of articles lined up for you! Read on and be enlightened! 1. The Big O Notation\u200a\u2014\u200aAn Introduction Big O notation is used in computer science to describe the performance or complexity of an algorithm. If you&hellip;&nbsp;Read More &raquo;Fredrik\u2019s front-end quick read #5","og_url":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-5\/","og_site_name":"Sketch2React Blog","article_published_time":"2019-09-25T16:03:21+00:00","article_modified_time":"2020-06-18T07:16:56+00:00","og_image":[{"url":"http:\/\/sketch2react.files.wordpress.com\/2019\/09\/99335-1m9jkvqjowfgjpphshqurdg.png","type":"","width":"","height":""}],"author":"Fredrik Ward","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Fredrik Ward","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-5\/#article","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-5\/"},"author":{"name":"Fredrik Ward","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/d452067d5528ce6cda4be87f136cf664"},"headline":"Fredrik\u2019s front-end quick read #5","datePublished":"2019-09-25T16:03:21+00:00","dateModified":"2020-06-18T07:16:56+00:00","mainEntityOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-5\/"},"wordCount":378,"commentCount":0,"publisher":{"@id":"https:\/\/sketch2react.io\/blog\/#organization"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-5\/#primaryimage"},"thumbnailUrl":"http:\/\/sketch2react.files.wordpress.com\/2019\/09\/99335-1m9jkvqjowfgjpphshqurdg.png","keywords":["Bouvet","Front End Development","HTML","JavaScript","News"],"articleSection":["Fredrik's Front-end Quick Read"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-5\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-5\/","url":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-5\/","name":"Fredrik\u2019s front-end quick read #5 - Sketch2React Blog","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-5\/#primaryimage"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-5\/#primaryimage"},"thumbnailUrl":"http:\/\/sketch2react.files.wordpress.com\/2019\/09\/99335-1m9jkvqjowfgjpphshqurdg.png","datePublished":"2019-09-25T16:03:21+00:00","dateModified":"2020-06-18T07:16:56+00:00","breadcrumb":{"@id":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-5\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-5\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-5\/#primaryimage","url":"http:\/\/sketch2react.files.wordpress.com\/2019\/09\/99335-1m9jkvqjowfgjpphshqurdg.png","contentUrl":"http:\/\/sketch2react.files.wordpress.com\/2019\/09\/99335-1m9jkvqjowfgjpphshqurdg.png"},{"@type":"BreadcrumbList","@id":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-5\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sketch2react.io\/blog\/"},{"@type":"ListItem","position":2,"name":"Fredrik\u2019s front-end quick read #5"}]},{"@type":"WebSite","@id":"https:\/\/sketch2react.io\/blog\/#website","url":"https:\/\/sketch2react.io\/blog\/","name":"Sketch2React Blog","description":"Articles, tutorials, tips &amp; tricks","publisher":{"@id":"https:\/\/sketch2react.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sketch2react.io\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/sketch2react.io\/blog\/#organization","name":"Sketch2React Blog","url":"https:\/\/sketch2react.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/10\/cropped-S2R2021Icon.png","contentUrl":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/10\/cropped-S2R2021Icon.png","width":512,"height":512,"caption":"Sketch2React Blog"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/d452067d5528ce6cda4be87f136cf664","name":"Fredrik Ward","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/91605aba05531b0d98ed254dc314b74be1800d1086302db1454b4489c128e3e1?s=96&d=wavatar&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/91605aba05531b0d98ed254dc314b74be1800d1086302db1454b4489c128e3e1?s=96&d=wavatar&r=g","caption":"Fredrik Ward"},"url":"https:\/\/sketch2react.io\/blog\/author\/sewk9wxw3g\/"}]}},"_links":{"self":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/251","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/comments?post=251"}],"version-history":[{"count":1,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/251\/revisions"}],"predecessor-version":[{"id":303,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/251\/revisions\/303"}],"wp:attachment":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/media?parent=251"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/categories?post=251"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/tags?post=251"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}