{"id":52348,"date":"2019-11-06T00:00:00","date_gmt":"2019-11-05T21:00:00","guid":{"rendered":"https:\/\/prohoster.info\/blog\/blog_prohoster\/eshhyo-9-proektov-dlya-ottachivaniya-front-end-masterstva"},"modified":"2020-02-18T14:00:02","modified_gmt":"2020-02-18T11:00:02","slug":"eshhyo-9-proektov-dlya-ottachivaniya-front-end-masterstva","status":"publish","type":"post","link":"https:\/\/prohoster.info\/da\/blog\/news\/eshhyo-9-proektov-dlya-ottachivaniya-front-end-masterstva","title":{"rendered":"Yderligere 9 projekter til at forfine dine Front-End f\u00e6rdigheder","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<p><img decoding=\"async\" alt=\"Yderligere 9 projekter til at forfine dine Front-End f\u00e6rdigheder\" src=\"\/wp-content\/uploads\/2019\/11\/05c3246e5ca620b5ea66c0542b53f08a.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<\/p>\n<h3>Introduktion<\/h3>\n<p>\nUanset om du er nybegynder inden for programmering eller en erfaren udvikler, er det essentielt at l\u00e6re nye koncepter og sprog\/frameworks for at f\u00f8lge med i tidens tendenser.<\/p>\n<p>Tag for eksempel React \u2014 koden, som Facebook \u00e5bnede for kun fire \u00e5r siden, er allerede blevet det foretrukne valg for JavaScript-udviklere over hele verden.<\/p>\n<p>Vue og Angular har naturligvis ogs\u00e5 deres loyale f\u00f8lger. Og der er Svelte og andre universelle frameworks som Next.js eller Nuxt.js. Og Gatsby, Gridsome og Quasar\u2026 og meget mere.<\/p>\n<p>Hvis du vil etablere dig som en erfaren JavaScript-udvikler, skal du have noget erfaring med forskellige frameworks og biblioteker \u2014 ud over at arbejde med den gode, gammeldags JS.<\/p>\n<p>For at hj\u00e6lpe dig med at blive en Front-End mester i 2020 har jeg samlet ni forskellige projekter, hver af dem dedikeret til forskellige JavaScript frameworks og biblioteker, som du kan oprette og tilf\u00f8je til din portef\u00f8lje. Husk, at intet hj\u00e6lper dig mere end at skabe ting i praksis, s\u00e5 kom i gang, t\u00e6nd dit sind og g\u00f8r det muligt.<br \/>\n<noindex><a rel=\"nofollow\" name=\"habracut\"><\/a><\/noindex><\/p>\n<blockquote><p><noindex><a rel=\"nofollow\" href=\"https:\/\/www.edsd.ru\/\" title=\"EDISON Software - webudvikling\"><img decoding=\"async\" alt=\"Yderligere 9 projekter til at forfine dine Front-End f\u00e6rdigheder\" src=\"\/wp-content\/uploads\/2019\/11\/4f292db7c47eaa9d6e764f5a595d0edf.jpeg\" style=\"display:block;margin: 0 auto;\" \/><\/a><\/noindex><br clear=\"right\"><br \/>\nArtiklen er oversat med st\u00f8tte fra EDISON Software, som <noindex><a rel=\"nofollow\" href=\"https:\/\/www.edsd.ru\/virtualnaya-primerochnaya\">skaber virtuelle pr\u00f8verum til multibrand butikker<\/a><\/noindex>, samt <noindex><a rel=\"nofollow\" href=\"https:\/\/www.edsd.ru\/ru\/uslugi\/testirovanie_po\">tester software<\/a><\/noindex>.<\/p><\/blockquote>\n<p><\/p>\n<h3>Film s\u00f8geapp med React (med hooks)<\/h3>\n<p>\nDet f\u00f8rste, du kunne begynde med, er at lave en film s\u00f8geapp med React. Nedenfor er et billede af, hvordan den endelige app vil se ud:<\/p>\n<p><img decoding=\"async\" alt=\"Yderligere 9 projekter til at forfine dine Front-End f\u00e6rdigheder\" src=\"\/wp-content\/uploads\/2019\/11\/de9873700abc86e1ec63e92704f80dcf.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<b>Hvad du vil l\u00e6re<\/b><br \/>\nVed at oprette denne app vil du forbedre dine React f\u00e6rdigheder ved at bruge det forholdsvis nye Hooks API. Projektet bruger React komponenter, mange hooks, en ekstern API og selvf\u00f8lgelig lidt CSS-stil.<\/p>\n<p><b>Teknisk stack og funktioner<\/b><\/p>\n<ul>\n<li>React med hooks<\/li>\n<li>create-react-app<\/li>\n<li>JSX<\/li>\n<li>CSS<\/li>\n<\/ul>\n<p>\nUden brug af klasser giver disse projekter dig en perfekt indgang til funktionel React og vil bestemt hj\u00e6lpe dig i 2020. Du kan finde <noindex><a rel=\"nofollow\" href=\"https:\/\/www.freecodecamp.org\/news\/how-to-build-a-movie-search-app-using-react-hooks-24eb72ddfaf7\/\">et eksempel p\u00e5 projektet her<\/a><\/noindex>. F\u00f8lg instruktionerne eller tilpas alt efter din egen smag.<\/p>\n<h3>Chatapp med Vue<\/h3>\n<p>\nEndnu et fantastisk projekt for dig \u2014 at lave en chatapp ved hj\u00e6lp af mit yndlings JavaScript-bibliotek: VueJS. Appen vil se nogenlunde s\u00e5ledes ud:<\/p>\n<p><img decoding=\"async\" alt=\"Yderligere 9 projekter til at forfine dine Front-End f\u00e6rdigheder\" src=\"\/wp-content\/uploads\/2019\/11\/3c55136bcf260168f951e923983dc3a0.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<b>Hvad du vil l\u00e6re<\/b><br \/>\nFra denne vejledning vil du l\u00e6re, hvordan man laver en Vue-app fra bunden \u2014 opret komponenter, h\u00e5ndter tilstande, opret ruter, forbind til tredjepartstjenester og endda h\u00e5ndter autentificering.<\/p>\n<p><b>Teknisk stack og funktioner<\/b><\/p>\n<ul>\n<li>Vue<\/li>\n<li>Vuex<\/li>\n<li>Vue Router<\/li>\n<li>Vue CLI<\/li>\n<li>Pusher<\/li>\n<li>CSS<\/li>\n<\/ul>\n<p>\nDet er virkelig et godt projekt for at begynde at arbejde med Vue eller forbedre dine eksisterende f\u00e6rdigheder til at udvikle i 2020. Du kan finde <noindex><a rel=\"nofollow\" href=\"https:\/\/www.sitepoint.com\/pusher-vue-real-time-chat-app\/\">vejledningen her<\/a><\/noindex>.<\/p>\n<h3>Smuk vejrapp med Angular 8<\/h3>\n<p>\nDette eksempel hj\u00e6lper dig med at skabe en smuk vejrapp ved hj\u00e6lp af Angular 8:<\/p>\n<p><img decoding=\"async\" alt=\"Yderligere 9 projekter til at forfine dine Front-End f\u00e6rdigheder\" src=\"\/wp-content\/uploads\/2019\/11\/93575fb69c667f04a00c58bfeb8b9699.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<b>Hvad du vil l\u00e6re<\/b><br \/>\nDette projekt vil l\u00e6re dig v\u00e6rdifulde f\u00e6rdigheder, n\u00e5r du opretter apps fra bunden \u2014 fra design til udvikling, helt til en klar til implementering app.<\/p>\n<p><b>Teknisk stack og funktioner<\/b><\/p>\n<ul>\n<li>Angular 8<\/li>\n<li>Firebase<\/li>\n<li>Server-side rendering<\/li>\n<li>CSS med grid og Flexbox<\/li>\n<li>Mobilvenlig og responsiv<\/li>\n<li>M\u00f8rk tilstand<\/li>\n<li>Smukt interface<\/li>\n<\/ul>\n<p>\nHvad jeg virkelig godt kan lide ved dette omfattende projekt, er, at du ikke l\u00e6rer ting isoleret. I stedet l\u00e6rer du hele udviklingsprocessen \u2014 fra design til den endelige implementering.<\/p>\n<h3>To-Do app med Svelte<\/h3>\n<p>\nSvelte er som det nye barn i komponenttilgangen \u2014 i det mindste ligner det React, Vue og Angular. Og det er et af de hotteste nye v\u00e6rkt\u00f8jer i 2020.<\/p>\n<p>To-Do apps er ikke n\u00f8dvendigvis det hotteste emne, men det vil virkelig hj\u00e6lpe dig med at forfine dine Svelte-f\u00e6rdigheder. Det vil se s\u00e5ledes ud:<\/p>\n<p><img decoding=\"async\" alt=\"Yderligere 9 projekter til at forfine dine Front-End f\u00e6rdigheder\" src=\"\/wp-content\/uploads\/2019\/11\/1d2d414f5acbb3cfd0df5bf7ff29befd.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<b>Hvad du vil l\u00e6re<\/b><br \/>\nFra denne vejledning vil du l\u00e6re, hvordan man laver en app med Svelte 3, fra start til slut. Du vil bruge komponenter, styling og h\u00e6ndelsesh\u00e5ndterere.<\/p>\n<p><b>Teknisk stack og funktioner<\/b><\/p>\n<ul>\n<li>Svelte 3<\/li>\n<li>Komponenter<\/li>\n<li>Styling med CSS<\/li>\n<li>ES 6 syntaks<\/li>\n<\/ul>\n<p>\nDer er ikke mange gode startprojekter til Svelte, s\u00e5 jeg fandt <noindex><a rel=\"nofollow\" href=\"https:\/\/medium.com\/codingthesmartway-com-blog\/building-a-svelte-3-todo-app-from-start-to-deployment-1737f72c23a6\">denne gode mulighed for at komme i gang<\/a><\/noindex>.<\/p>\n<h3>\u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043a\u043e\u043c\u043c\u0435\u0440\u0446\u0438\u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Next.js<\/h3>\n<p>\nNext.js er det mest popul\u00e6re framework til at bygge React-apps, som underst\u00f8tter server-side rendering ud af boksen.<\/p>\n<p>Dette projekt vil vise dig, hvordan man laver en e-handelsapp, der ser s\u00e5ledes ud:<\/p>\n<p><img decoding=\"async\" alt=\"Yderligere 9 projekter til at forfine dine Front-End f\u00e6rdigheder\" src=\"\/wp-content\/uploads\/2019\/11\/a848293ad9952a3c52bf8d059bf55ab9.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<b>Hvad du vil l\u00e6re<\/b><br \/>\nI dette projekt vil du l\u00e6re, hvordan man udvikler med Next.js \u2013 opretter nye sider og komponenter, henter data samt styler og implementerer en Next-app.<\/p>\n<p><b>Teknisk stack og funktioner<\/b><\/p>\n<ul>\n<li>Next.js<\/li>\n<li>Komponenter og sider<\/li>\n<li>Data udv\u00e6lgelse<\/li>\n<li>Styling<\/li>\n<li>Implementering af projektet<\/li>\n<li>SSR og SPA<\/li>\n<\/ul>\n<p>\nDet er altid godt at have et reelt eksempel, som en e-handelsapp, for at l\u00e6re noget nyt. Du kan <noindex><a rel=\"nofollow\" href=\"https:\/\/snipcart.com\/blog\/next-js-ecommerce-tutorial\">finde tutorialen her<\/a><\/noindex>.<\/p>\n<h3>\u041f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u044b\u0439 \u043c\u0443\u043b\u044c\u0442\u0438\u044f\u0437\u044b\u0447\u043d\u044b\u0439 \u0431\u043b\u043e\u0433 \u0441 Nuxt.js<\/h3>\n<p>\nNuxt.js for Vue er ligesom Next.js for React: et fantastisk framework til at kombinere server-side rendering og single-page applications.<br \/>\nDen sidste app, du kan oprette, vil se s\u00e5dan ud:<\/p>\n<p><img decoding=\"async\" alt=\"Yderligere 9 projekter til at forfine dine Front-End f\u00e6rdigheder\" src=\"\/wp-content\/uploads\/2019\/11\/ba05c24c81705c454c32d363e9a74fe5.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<b>Hvad du vil l\u00e6re<\/b><\/p>\n<p>I dette projekt l\u00e6rer du, hvordan du opretter en fuldgyldig hjemmeside ved hj\u00e6lp af Nuxt.js \u2013 fra den indledende ops\u00e6tning til den endelige implementering.<\/p>\n<p>Den bruger mange interessante funktioner, som Nuxt kan tilbyde, s\u00e5som sider og komponenter samt styling med SCSS.<\/p>\n<p><b>Teknisk stack og funktioner<\/b><\/p>\n<ul>\n<li>Nuxt.js<\/li>\n<li>Komponenter og sider<\/li>\n<li>Storyblok-modul<\/li>\n<li>Mixins<\/li>\n<li>Vuex til tilstandsh\u00e5ndtering<\/li>\n<li>SCSS til styling<\/li>\n<li>Nuxt middleware<\/li>\n<\/ul>\n<p>\n<noindex><a rel=\"nofollow\" href=\"https:\/\/www.storyblok.com\/tp\/nuxt-js-multilanguage-website-tutorial\">Dette er virkelig et cool projekt<\/a><\/noindex>, som inkluderer mange fremragende funktioner i Nuxt.js. Jeg elsker personligt at arbejde med Nuxt, s\u00e5 du b\u00f8r pr\u00f8ve det, da det ogs\u00e5 vil g\u00f8re dig til en fantastisk Vue-udvikler.<\/p>\n<h3>Blog med Gatsby<\/h3>\n<p>\nGatsby er en fantastisk statisk site-generator, der bruger React og GraphQL. Her er resultatet af projektet:<\/p>\n<p><img decoding=\"async\" alt=\"Yderligere 9 projekter til at forfine dine Front-End f\u00e6rdigheder\" src=\"\/wp-content\/uploads\/2019\/11\/4a51e59e1983da87d2110f8b06e29e33.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<b>Hvad du vil l\u00e6re<\/b><\/p>\n<p>I denne vejledning vil du l\u00e6re, hvordan du bruger Gatsby til at oprette en blog, som du kan bruge til at skrive dine egne artikler ved hj\u00e6lp af React og GraphQL.<\/p>\n<p><b>Teknisk stack og funktioner<\/b><\/p>\n<ul>\n<li>Gatsby<\/li>\n<li>React<\/li>\n<li>GraphQL<\/li>\n<li>Plugins og temaer<\/li>\n<li>MDX\/Markdown<\/li>\n<li>Bootstrap CSS<\/li>\n<li>Skabeloner<\/li>\n<\/ul>\n<p>\nHvis du nogensinde har \u00f8nsket at starte en blog, <noindex><a rel=\"nofollow\" href=\"https:\/\/blog.bitsrc.io\/how-to-build-a-blog-with-gatsby-and-boostrap-d1270212b3dc\">er dette et glimrende eksempel<\/a><\/noindex> p\u00e5, hvordan man g\u00f8r det ved hj\u00e6lp af React og GraphQL.<\/p>\n<p>Jeg siger ikke, at WordPress er et d\u00e5rligt valg, men med Gatsby kan du bygge h\u00f8jtydende sites ved hj\u00e6lp af React \u2013 hvilket er en fantastisk kombination.<\/p>\n<h3>Blog med Gridsome<\/h3>\n<p>\nGridsome for Vue... N\u00e5, vi har allerede haft det med Next\/Nuxt.<br \/>\nMen det samme g\u00e6lder for Gridsome og Gatsby. Begge bruger GraphQL som datalag, men Gridsome bruger VueJS. Det er ogs\u00e5 en fantastisk statisk site-generator, der hj\u00e6lper dig med at oprette fremragende blogs:<\/p>\n<p><img decoding=\"async\" alt=\"Yderligere 9 projekter til at forfine dine Front-End f\u00e6rdigheder\" src=\"\/wp-content\/uploads\/2019\/11\/3d0162d6aeba8481056f4dee9f25808d.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<b>Hvad du vil l\u00e6re<\/b><\/p>\n<p>Dette projekt vil l\u00e6re dig, hvordan du opretter en simpel blog for at komme i gang med Gridsome, GraphQL og Markdown. Det beskriver ogs\u00e5, hvordan man implementerer appen via Netlify.<\/p>\n<p><b>Teknisk stack og funktioner<\/b><\/p>\n<ul>\n<li>Gridsome<\/li>\n<li>Vue<\/li>\n<li>GraphQL<\/li>\n<li>Markdown<\/li>\n<li>Netlify<\/li>\n<\/ul>\n<p>\nDette er naturligvis ikke den mest omfattende tutorial, men den d\u00e6kker de grundl\u00e6ggende begreber i Gridsome og <noindex><a rel=\"nofollow\" href=\"https:\/\/www.telerik.com\/blogs\/building-a-blog-with-vue-and-markdown-using-gridsome\">Markdown, og det kan v\u00e6re et godt udgangspunkt.<\/a><\/noindex>.<\/p>\n<h3>En lydafspiller, der ligner SoundCloud, ved hj\u00e6lp af Quasar.<\/h3>\n<p>\nQuasar er endnu et Vue-framework, der kan bruges til at oprette mobile applikationer. I dette projekt vil du skabe en lydafspiller-app, f.eks.:<\/p>\n<p><img decoding=\"async\" alt=\"Yderligere 9 projekter til at forfine dine Front-End f\u00e6rdigheder\" src=\"\/wp-content\/uploads\/2019\/11\/e7acef4f60608d581533c038c61a0752.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<b>Hvad du vil l\u00e6re<\/b><\/p>\n<p>Mens andre projekter prim\u00e6rt fokuserer p\u00e5 webapplikationer, vil dette vise dig, hvordan du opretter en mobilapplikation ved hj\u00e6lp af Vue og Quasar-frameworket.<br \/>\nDu skal allerede have en fungerende Cordova med konfigureret Android Studio\/Xcode. Hvis ikke, s\u00e5 er der et link i vejledningen til Quasar's hjemmeside, hvor de viser, hvordan man s\u00e6tter alt op.<\/p>\n<p><b>Teknisk stack og funktioner<\/b><\/p>\n<ul>\n<li>Quasar<\/li>\n<li>Vue<\/li>\n<li>Cordova<\/li>\n<li>WaveSurfer<\/li>\n<li>UI Komponenter<\/li>\n<\/ul>\n<p>\n<noindex><a rel=\"nofollow\" href=\"https:\/\/www.learningsomethingnew.com\/how-to-build-a-sound-cloud-like-audio-player-app-with-vue-js-quasar-and-wave-surfer\">Et lille projekt<\/a><\/noindex>, der demonstrerer mulighederne med Quasar til oprettelse af mobile applikationer.<br \/>\n<br \/>Kilde: <a content=\"nofollow\" rel=\"nofollow\" href=\"https:\/\/habr.com\/ru\/company\/edison\/blog\/474230\/\">habr.com<\/a><\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"<p>\u0412\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u041d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e \u043e\u0442 \u0442\u043e\u0433\u043e, \u044f\u0432\u043b\u044f\u0435\u0442\u0435\u0441\u044c \u043b\u0438 \u0432\u044b \u043d\u043e\u0432\u0438\u0447\u043a\u043e\u043c \u0432 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438 \u0438\u043b\u0438 \u0443\u0436\u0435 \u043e\u043f\u044b\u0442\u043d\u044b\u043c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u043c, \u0432 \u044d\u0442\u043e\u0439 \u043e\u0442\u0440\u0430\u0441\u043b\u0438 \u0438\u0437\u0443\u0447\u0435\u043d\u0438\u0435 \u043d\u043e\u0432\u044b\u0445 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0439 \u0438 \u044f\u0437\u044b\u043a\u043e\u0432\/\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0447\u0442\u043e\u0431\u044b \u0443\u0441\u043f\u0435\u0432\u0430\u0442\u044c \u0437\u0430 \u0442\u0440\u0435\u043d\u0434\u0430\u043c\u0438. \u0412\u043e\u0437\u044c\u043c\u0435\u043c, \u043a \u043f\u0440\u0438\u043c\u0435\u0440\u0443, React \u2014 \u043a\u043e\u0434 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e, Facebook \u043e\u0442\u043a\u0440\u044b\u043b \u0432\u0441\u0435\u0433\u043e \u0447\u0435\u0442\u044b\u0440\u0435 \u0433\u043e\u0434\u0430 \u043d\u0430\u0437\u0430\u0434, \u043e\u043d \u0443\u0436\u0435 \u0441\u0442\u0430\u043b \u0432\u044b\u0431\u043e\u0440\u043e\u043c \u043d\u043e\u043c\u0435\u0440 \u043e\u0434\u0438\u043d \u0434\u043b\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 JavaScript \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u043c\u0438\u0440\u0443. Vue \u0438 [&hellip;]<\/p>\n","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[702],"tags":[],"class_list":["post-52348","post","type-post","status-publish","format-standard","hentry","category-news"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.3 - aioseo.com -->\n\t<meta name=\"description\" content=\"\u0412\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u041d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e \u043e\u0442.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Yuri Gagarin\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/prohoster.info\/da\/blog\/news\/eshhyo-9-proektov-dlya-ottachivaniya-front-end-masterstva\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.3\" \/>\n\t\t<meta property=\"og:locale\" content=\"da_DK\" \/>\n\t\t<meta property=\"og:site_name\" content=\"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"\ud83e\udd47\u0415\u0449\u0451 9 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u0434\u043b\u044f \u043e\u0442\u0442\u0430\u0447\u0438\u0432\u0430\u043d\u0438\u044f Front-End \u043c\u0430\u0441\u0442\u0435\u0440\u0441\u0442\u0432\u0430 | ProHoster\" \/>\n\t\t<meta property=\"og:description\" content=\"\u0412\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u041d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e \u043e\u0442.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/prohoster.info\/da\/blog\/news\/eshhyo-9-proektov-dlya-ottachivaniya-front-end-masterstva\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"350\" \/>\n\t\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2019-11-05T21:00:00+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2020-02-18T11:00:02+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"\ud83e\udd47Yderligere 9 projekter til at forfine Front-End f\u00e6rdigheder | ProHoster","description":"Indledning Uanset hvad.","canonical_url":"https:\/\/prohoster.info\/da\/blog\/news\/eshhyo-9-proektov-dlya-ottachivaniya-front-end-masterstva","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"da_DK","og:site_name":"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b","og:type":"article","og:title":"\ud83e\udd47\u0415\u0449\u0451 9 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u0434\u043b\u044f \u043e\u0442\u0442\u0430\u0447\u0438\u0432\u0430\u043d\u0438\u044f Front-End \u043c\u0430\u0441\u0442\u0435\u0440\u0441\u0442\u0432\u0430 | ProHoster","og:description":"\u0412\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u041d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e \u043e\u0442.","og:url":"https:\/\/prohoster.info\/da\/blog\/news\/eshhyo-9-proektov-dlya-ottachivaniya-front-end-masterstva","og:image":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:secure_url":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:width":350,"og:image:height":350,"article:published_time":"2019-11-05T21:00:00+00:00","article:modified_time":"2020-02-18T11:00:02+00:00","article:publisher":"https:\/\/www.facebook.com\/prohoster","article:author":"https:\/\/www.facebook.com\/prohoster"},"aioseo_meta_data":{"post_id":"52348","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":"2026-01-24 03:19:19","breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"ai":null,"created":"2021-02-28 14:23:14","updated":"2026-01-24 03:19:19","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/da\/wp-json\/wp\/v2\/posts\/52348","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/da\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/da\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/da\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/da\/wp-json\/wp\/v2\/comments?post=52348"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/da\/wp-json\/wp\/v2\/posts\/52348\/revisions"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/da\/wp-json\/wp\/v2\/media?parent=52348"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/da\/wp-json\/wp\/v2\/categories?post=52348"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/da\/wp-json\/wp\/v2\/tags?post=52348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}