{"id":44,"date":"2022-11-05T02:27:04","date_gmt":"2022-11-05T02:27:04","guid":{"rendered":"https:\/\/foxiz.themeruby.com\/academy\/?p=44"},"modified":"2026-07-03T12:18:03","modified_gmt":"2026-07-03T12:18:03","slug":"new-advanced-js-course-learn-to-program-natural-simulations","status":"publish","type":"post","link":"https:\/\/cfir.gr\/el\/new-advanced-js-course-learn-to-program-natural-simulations\/","title":{"rendered":"New Advanced JS Course: Learn to Program Natural Simulations!"},"content":{"rendered":"<p class=\"has-drop-cap\">Good web design has visual weight, is <a rel=\"noreferrer noopener\" href=\"#\" target=\"_blank\">optimized for various devices<\/a>, and has content that is prioritized for the medium. The most important elements of a web page should have more visual weight to <strong>&#8220;naturally attract&#8221;<\/strong> a visitor\u2019s attention.<\/p>\n\n\n\n<figure class=\"wp-block-pullquote\"><blockquote><p>Good design is making something intelligible and memorable. Great design is making something memorable and meaningful.<\/p><cite>Dieter Rams<\/cite><\/blockquote><\/figure>\n\n\n\n<p>Most users search for something interesting<em> <\/em>(or useful) and clickable; as soon as some promising candidates are found, users click.<strong> If the new page doesn\u2019t meet users\u2019 expectations,<\/strong> the back button is clicked and the search process is continued.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">A good website should be easy to navigate<\/h2>\n\n\n\n<p>Not all websites are made equal. Some websites are simple, logical, and easy to use. Others are a messy hodgepodge of pages and links.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/cfir.gr\/wp-content\/uploads\/2022\/11\/b8-1024x683.jpg\" alt=\"\" class=\"wp-image-2784\" srcset=\"https:\/\/cfir.gr\/wp-content\/uploads\/2022\/11\/b8-1024x683.jpg 1024w, https:\/\/cfir.gr\/wp-content\/uploads\/2022\/11\/b8-300x200.jpg 300w, https:\/\/cfir.gr\/wp-content\/uploads\/2022\/11\/b8-768x512.jpg 768w, https:\/\/cfir.gr\/wp-content\/uploads\/2022\/11\/b8-330x220.jpg 330w, https:\/\/cfir.gr\/wp-content\/uploads\/2022\/11\/b8-420x280.jpg 420w, https:\/\/cfir.gr\/wp-content\/uploads\/2022\/11\/b8-615x410.jpg 615w, https:\/\/cfir.gr\/wp-content\/uploads\/2022\/11\/b8-860x573.jpg 860w, https:\/\/cfir.gr\/wp-content\/uploads\/2022\/11\/b8.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Without website navigation, your visitors can\u2019t figure out how to find your blog, your email signup page, your product listings, pricing, contact information, or help docs.<\/p>\n\n\n\t\t<div class=\"related-sec related-1 is-width-right is-style-boxed\">\n\t\t\t<div class=\"inner\">\n\t\t\t\t<div class=\"block-h heading-layout-10\"><div class=\"heading-inner\"><h4 class=\"heading-title none-toc\"><span>More Read<\/span><\/h4><\/div><\/div>\t\t\t\t<div class=\"block-inner\">\n\t\t\t\t\t\t\t<div class=\"p-wrap p-small p-list-small-2\" data-pid=\"1089\">\n\t\t\t\t<div class=\"p-content\">\n\t\t\t<div class=\"entry-title h5\">\t\t<a class=\"p-url\" href=\"https:\/\/cfir.gr\/el\/ebook-covid19\/\" rel=\"bookmark\">\n\t\t\u0395\u0392\u039f\u039f\u039a: COVID-19 \u03ba\u03b1\u03b9 \u03b7 \u00ab\u03b5\u03c0\u03cc\u03bc\u03b5\u03bd\u03b7 \u03bc\u03ad\u03c1\u03b1\u00bb &#8211; \u0393\u03b5\u03c9\u03c0\u03bf\u03bb\u03b9\u03c4\u03b9\u03ba\u03ae, \u039f\u03b9\u03ba\u03bf\u03bd\u03bf\u03bc\u03af\u03b1, \u0394\u03b9\u03b5\u03b8\u03bd\u03b5\u03af\u03c2 \u03b8\u03b5\u03c3\u03bc\u03bf\u03af\t\t<\/a>\n\t\t<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"p-wrap p-list-inline\" data-pid=\"1043\">\n\t\t<div class=\"entry-title h6\"><i class=\"rbi rbi-plus\" aria-hidden=\"true\"><\/i>\t\t<a class=\"p-url\" href=\"https:\/\/cfir.gr\/el\/evaghorou-evaghoras\/\" rel=\"bookmark\">\n\t\t\u0395\u03c5\u03b1\u03b3\u03cc\u03c1\u03b1\u03c2 \u039b. \u0395\u03c5\u03b1\u03b3\u03cc\u03c1\u03bf\u03c5\t\t<\/a>\n\t\t<\/div>\t\t<\/div>\n\t\t\t\t<div class=\"p-wrap p-list-inline\" data-pid=\"1084\">\n\t\t<div class=\"entry-title h6\"><i class=\"rbi rbi-plus\" aria-hidden=\"true\"><\/i>\t\t<a class=\"p-url\" href=\"https:\/\/cfir.gr\/el\/global-ramificaitons\/\" rel=\"bookmark\">\n\t\tWebinar: Global Ramifications of the US Elections\t\t<\/a>\n\t\t<\/div>\t\t<\/div>\n\t\t\t\t<div class=\"p-wrap p-list-inline\" data-pid=\"1035\">\n\t\t<div class=\"entry-title h6\"><i class=\"rbi rbi-plus\" aria-hidden=\"true\"><\/i>\t\t<a class=\"p-url\" href=\"https:\/\/cfir.gr\/el\/botsiou-konstantina\/\" rel=\"bookmark\">\n\t\t\u039a\u03c9\u03bd\u03c3\u03c4\u03b1\u03bd\u03c4\u03af\u03bd\u03b1 \u0395. \u039c\u03c0\u03cc\u03c4\u03c3\u03b9\u03bf\u03c5\t\t<\/a>\n\t\t<\/div>\t\t<\/div>\n\t\t\t\t<div class=\"p-wrap p-list-inline\" data-pid=\"1054\">\n\t\t<div class=\"entry-title h6\"><i class=\"rbi rbi-plus\" aria-hidden=\"true\"><\/i>\t\t<a class=\"p-url\" href=\"https:\/\/cfir.gr\/el\/ioannis-konstantopoulos\/\" rel=\"bookmark\">\n\t\t\u0399\u03c9\u03ac\u03bd\u03bd\u03b7\u03c2 \u039b. \u039a\u03c9\u03bd\u03c3\u03c4\u03b1\u03bd\u03c4\u03cc\u03c0\u03bf\u03c5\u03bb\u03bf\u03c2\t\t<\/a>\n\t\t<\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\n\n\n\n<p><strong>Quick and easy access to the content they\u2019re after is more important for your website users than a\u2026 visually-stunning design.<\/strong><\/p>\n\n\n\n<p><em>Bad navigation is an especially common problem. We\u2019ve all struggled to find things on disorganized websites without any logical structure. It feels hopeless.<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Creating visual rhythms in your layouts<\/h2>\n\n\n\n<p>In design, rhythm is created by simply repeating elements in predictable patterns. This repetition is a natural thing that occurs everywhere in our world. As people, we are driven everyday by predictable, timed events.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"677\" src=\"https:\/\/cfir.gr\/wp-content\/uploads\/2022\/11\/b1-1024x677.jpg\" alt=\"\" class=\"wp-image-2786\" srcset=\"https:\/\/cfir.gr\/wp-content\/uploads\/2022\/11\/b1-1024x677.jpg 1024w, https:\/\/cfir.gr\/wp-content\/uploads\/2022\/11\/b1-300x198.jpg 300w, https:\/\/cfir.gr\/wp-content\/uploads\/2022\/11\/b1-768x508.jpg 768w, https:\/\/cfir.gr\/wp-content\/uploads\/2022\/11\/b1-860x568.jpg 860w, https:\/\/cfir.gr\/wp-content\/uploads\/2022\/11\/b1.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Rhythm also factors into the <strong>layout of content<\/strong>. For example, you <strong>&#8220;might have&#8221;<\/strong> blog articles, press releases, and events each follow their own certain layout pattern.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Elements that can help website visual composition<\/h2>\n\n\n\n<p>Nobody enjoys looking at an ugly web page. Garish colors, cluttered images and distracting animation can all turn customers <strong>&#8220;off&#8221;<\/strong> and send them shopping<strong> &#8220;somewhere else&#8221;<\/strong>. Basic composition rules to create more effective:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Diving into UX and UI design<\/h2>\n\n\n\n<p><strong>UX and UI: <\/strong>Two terms that are often used interchangeably, but actually mean very different things. <em>So what exactly is the difference?<\/em><\/p>\n\n\n\n<figure class=\"wp-block-pullquote alignright is-style-default\"><blockquote><p>Styles come and go. Good design is a language, not a style.<\/p><cite>Massimo Vignelli<\/cite><\/blockquote><\/figure>\n\n\n\n<p>UX design refers to the term <em>\u201cuser experience design\u201d<\/em>, while UI stands for <em>\u201cuser interface design<\/em><strong>\u201d<\/strong>. Both elements are crucial to a product and work closely together. But despite their relationship, <a rel=\"noreferrer noopener\" href=\"#\" target=\"_blank\">the roles themselves<\/a> are quite different.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ensure that interactive elements are easy to identify<\/h2>\n\n\n\n<p>Good design guides the user by communicating purpose and priority. For that reason, every part of the design should be based on an <strong>&#8220;<strong>informed decision<\/strong><\/strong>&#8221; rather than an arbitrary result of personal taste or the current trend.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Breaking down the barriers<\/h2>\n\n\n\n<p><strong>Design is not the end-all solution to all of the worlds problems<\/strong> \u2014 but with the right thinking and application, it can definitely be a good beginning to start tackling them.<\/p>","protected":false},"excerpt":{"rendered":"<p>Good web design has visual weight, is optimized for various devices, and has content that is prioritized for the medium. The most important elements of a web page should have more visual weight to &#8220;naturally attract&#8221; a visitor\u2019s attention. Good design is making something intelligible and memorable. Great design is making something memorable and meaningful. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2813,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"give_campaign_id":0,"footnotes":""},"categories":[1],"tags":[],"tmauthors":[],"class_list":{"0":"post-44","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-uncategorized"},"_links":{"self":[{"href":"https:\/\/cfir.gr\/el\/wp-json\/wp\/v2\/posts\/44","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cfir.gr\/el\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cfir.gr\/el\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cfir.gr\/el\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cfir.gr\/el\/wp-json\/wp\/v2\/comments?post=44"}],"version-history":[{"count":1,"href":"https:\/\/cfir.gr\/el\/wp-json\/wp\/v2\/posts\/44\/revisions"}],"predecessor-version":[{"id":3488,"href":"https:\/\/cfir.gr\/el\/wp-json\/wp\/v2\/posts\/44\/revisions\/3488"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cfir.gr\/el\/wp-json\/wp\/v2\/media\/2813"}],"wp:attachment":[{"href":"https:\/\/cfir.gr\/el\/wp-json\/wp\/v2\/media?parent=44"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cfir.gr\/el\/wp-json\/wp\/v2\/categories?post=44"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cfir.gr\/el\/wp-json\/wp\/v2\/tags?post=44"},{"taxonomy":"tmauthors","embeddable":true,"href":"https:\/\/cfir.gr\/el\/wp-json\/wp\/v2\/tmauthors?post=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}