{"id":1781,"date":"2024-04-23T08:00:00","date_gmt":"2024-04-23T14:00:00","guid":{"rendered":"https:\/\/frontendmasters.com\/blog\/?p=1781"},"modified":"2024-04-23T12:22:25","modified_gmt":"2024-04-23T18:22:25","slug":"front-end-developer-handbook-2024","status":"publish","type":"post","link":"https:\/\/frontendmasters.com\/blog\/front-end-developer-handbook-2024\/","title":{"rendered":"The Front End Developer\/Engineer Handbook 2024 \u2014 A Guide to Modern Web Development"},"content":{"rendered":"\n<p>We just released the highly anticipated <strong><a href=\"https:\/\/frontendmasters.com\/guides\/front-end-handbook\/2024\/?utm_source=boost&amp;utm_medium=blog&amp;utm_campaign=boost\" data-type=\"link\" data-id=\"https:\/\/frontendmasters.com\/guides\/front-end-handbook\/2024\/\">Frontend Handbook 2024<\/a><\/strong>, by Cody Lindley!<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/frontendmasters.com\/guides\/front-end-handbook\/2024\/?utm_source=boost&amp;utm_medium=blog&amp;utm_campaign=boost\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"791\" height=\"1024\" src=\"https:\/\/i0.wp.com\/frontendmasters.com\/blog\/wp-content\/uploads\/2024\/04\/FEM2024_1000w.jpg?resize=791%2C1024&#038;ssl=1\" alt=\"\" class=\"wp-image-1783\" style=\"width:516px;height:auto\" srcset=\"https:\/\/i0.wp.com\/frontendmasters.com\/blog\/wp-content\/uploads\/2024\/04\/FEM2024_1000w.jpg?resize=791%2C1024&amp;ssl=1 791w, https:\/\/i0.wp.com\/frontendmasters.com\/blog\/wp-content\/uploads\/2024\/04\/FEM2024_1000w.jpg?resize=232%2C300&amp;ssl=1 232w, https:\/\/i0.wp.com\/frontendmasters.com\/blog\/wp-content\/uploads\/2024\/04\/FEM2024_1000w.jpg?resize=768%2C994&amp;ssl=1 768w, https:\/\/i0.wp.com\/frontendmasters.com\/blog\/wp-content\/uploads\/2024\/04\/FEM2024_1000w.jpg?w=1000&amp;ssl=1 1000w\" sizes=\"auto, (max-width: 791px) 100vw, 791px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>The handbook provides an in-depth overview of the skills, tools, and technologies necessary to excel as a front-end developer \/ engineer. With 38,000 words of practical knowledge and advice, it covers the core technologies\u2014HTML, CSS, and JavaScript\u2014and how they form the foundation of modern front-end development.<\/p>\n\n\n\n<p>As Cody Lindley reflects on the current state of front-end development:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>&#8220;Once upon a time, front-end development primarily focused on the user and the user interface, with programming\/software playing a secondary role. [&#8230;] We have to find our way back to the user, back to the user interface.&#8221;<\/p>\n<\/blockquote>\n\n\n\n<p>Get an overview of popular tools, libraries, and frameworks that go beyond the front end, such as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>React.js\/Next.js<\/li>\n\n\n\n<li>Svelte\/SveltKit<\/li>\n\n\n\n<li>Vue.js\/Nuxt<\/li>\n\n\n\n<li>SolidJS\/SolidStart<\/li>\n\n\n\n<li>Angular<\/li>\n\n\n\n<li>Astro<\/li>\n\n\n\n<li>Qwik<\/li>\n\n\n\n<li>Lit<\/li>\n<\/ul>\n\n\n\n<p>These tools enable you to create full-stack web apps and websites that interact with databases and share templates across server and client.<\/p>\n\n\n\n<p>You can also develop native applications using web technologies with frameworks like:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Electron for desktop apps<\/li>\n\n\n\n<li>React Native and Capacitor for mobile apps<\/li>\n\n\n\n<li>Tauri for mobile and desktop operating systems<\/li>\n<\/ul>\n\n\n\n<p>Additionally, we touch on Progressive Web Apps (PWAs) and their ability to create installable applications with native-like experiences from a single codebase.<\/p>\n\n\n\n<p>Whether you&#8217;re a seasoned front-end developer looking to refresh your understanding of the industry or a beginner eager to embark on a career in this exciting field, the Frontend Handbook 2024 is an essential resource.<\/p>\n\n\n\n<p>To access the Frontend Handbook 2024, read it for free here:<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/frontendmasters.com\/guides\/front-end-handbook\/2024\/?utm_source=boost&amp;utm_medium=blog&amp;utm_campaign=boost\">Read Frontend Handbook 2024<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>We just released the highly anticipated Frontend Handbook 2024, by Cody Lindley! The handbook provides an in-depth overview of the skills, tools, and technologies necessary to excel as a front-end developer \/ engineer. With 38,000 words of practical knowledge and advice, it covers the core technologies\u2014HTML, CSS, and JavaScript\u2014and how they form the foundation of [&hellip;]<\/p>\n","protected":false},"author":15,"featured_media":1813,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[129],"class_list":["post-1781","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog-post","tag-book"],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/frontendmasters.com\/blog\/wp-content\/uploads\/2024\/04\/handbook-thumb.jpg?fit=1000%2C500&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts\/1781","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/comments?post=1781"}],"version-history":[{"count":14,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts\/1781\/revisions"}],"predecessor-version":[{"id":1816,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts\/1781\/revisions\/1816"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/media\/1813"}],"wp:attachment":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/media?parent=1781"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/categories?post=1781"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/tags?post=1781"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}