1633-Assignment1.Pdf

Higher Nationals in Computing Unit 10: Website Design and Development ASSIGNMENT Learner’s name: Pham Nguyen Quynh Nhu ID:GCS210018 Class: GCS1005A Subject code: 1633 Assessor name: PHAN MINH TAM Assignment due: Assignment submitted: ASSIGNMENT FRONT SHEET Qualification BTEC Level HND Diploma in Computing Unit number and title 10: Website Design & Development Submission date Date Received 1st submission Re-submission Date Date Received 2nd submission Student Name Pham Nguyen Quynh Nhu Student ID GCS210018 Class GCS1005A Assessor name TamPM Student declaration I certify that the assignment submission is entirely my own work and I fully understand the consequences of plagiarism I understand that making a false declaration is a form of malpractice Student’s signature Grading grid P1 P2 P3 P4 M1 M2 M3 D1 ❒ Summative Feedback: Grade: Signature & Date: ❒ Resubmission Feedback: Assessor Signature: Date: Assignment Brief (RQF) Higher National Certificate/Diploma in Computing Student Name/ID Number: Pham Nguyen Quynh Nhu / GCS210018 Unit Number and Title: Unit 10: Website Design & Development Academic Year: 2021 – 2022 Unit Assessor: Phan Minh Tam Assignment Title: Web Technologies Issue Date: 21 March 2022 Submission Date: Internal Verifier Name: Date: Submission Format: Format: The submission is in the form of two documents/files ● A ten-minute Microsoft® PowerPoint® style presentation which can be shared with your colleagues for feedback The presentation can include links to performance data with additional speaker notes and a bibliography using the Harvard referencing system The presentation slides for the findings should be submitted with speaker notes as one copy ● An extended guidebook or detailed report that provides more thorough, evaluated or critically reviewed technical information on all of the topics covered in the presentation Submission ● Students are compulsory to submit the assignment in due date and in a way requested by the Tutor ● The form of submission will be a soft copy posted on http://cms.greenwich.edu.vn/ ● Remember to convert the word file into PDF file before the submission on CMS Note: ● The individual Assignment must be your own work, and not copied by or from another student ● If you use ideas, quotes or data (such as diagrams) from books, journals or other sources, you must reference your sources, using the Harvard style ● Make sure that you understand and follow the guidelines to avoid plagiarism Failure to comply this requirement will result in a failed assignment Unit Learning Outcomes: Page |1 LO1 Explain server technologies and management services associated with hosting and managing websites LO2 Categorise website technologies, tools and software used to develop websites Assignment Brief and Guidance: You currently work for a software training company that produces courses and topic presentations to established companies and, importantly, to new start-ups MWS wishes to pursue a bespoke web-based e-commerce solution As part of your role, you have been asked to create an engaging presentation to help inform and train staff members on the tools and techniques associated with front- and back-end development together with the technologies and services required to set up, host and manage a typical commercial website You will find more information in the file MWS-CaseStudy.docx In addition to your presentation, you will also provide an extended guidebook containing further information for staff members or a detailed report containing a technical review of the topics covered in the presentation Your presentation should include: Server technologies and the management services associated with hosting and managing websites A review of different website technologies supported with the tools and software used to develop websites (including the differences between online website creation tools and custom-built sites) Your extended guidebook or detailed report should include a summary of your presentation as well as additional, evaluated or critically reviewed technical notes on all of the expected topics Page |2 Learning Outcomes and Assessment Criteria (Assignment 1): Learning Outcome Pass Merit Distinction LO1 P1 Identify the purpose and types of DNS, including explanations on how domain names are organised and managed M1 Evaluate the impact of common web development technologies and frameworks with regards to website design, functionality and management D1 Justify the tools and techniques chosen to realize a custom built website P2 Explain the purpose and relationships between communication protocols, server hardware, operating systems and web server software with regards to designing, publishing and accessing a website LO2 P3 Discuss the capabilities and relationships between front-end and back-end website technologies and explain how these relate to presentation and application layers M2 Review the influence of search engines on website performance and provide evidence-based support for improving a site’s index value and rank through search engine optimisation M3 Evaluate a range of tools and techniques available to design and develop a custom built website P4 Discuss the differences between online website creation tools and custom built sites with regards to design flexibility, performance, functionality, User Experience (UX) and User Interface (UI) Page |3 Table Of Content A - Identify the purpose and types of DNS, including explanations on how domain names are organized and managed (P1) I - Overview of DNS What is DNS? Purpose of DNS How does DNS work? List of DNS II - Domain name .8 III - How domain names are organized and managed B - Explain the purpose and relationships between communication protocols, server hardware, operating systems and web server software with regards to designing, publishing and accessing a website (P2) I - Communication protocols Definition .10 Purpose 10 What are standards of network protocols? 10 Some protocols used in web 10 II - Server hardware 11 Definition .11 Examples of Web server hardwares 11 III - Operating systems 12 Definition .12 Purpose 12 Types of OS 12 IV - Web server software 14 Definition .14 Purpose 14 Examples of web server software 14 Explain the relationship between Communication protocols, Server hardware, Operating systems, Web server software 16 How to publishing and accessing a website on Internet 16 C - Discuss the capabilities and relationships between front-end and back-end website technologies and explain how these relate to presentation and application layers (P3) 20 I - Front-End 20 Definition of Front-End 20 Purpose of Front-End 20 Common front-end technologies 20 II - Back-End 23 What is back-end? 23 List of back end technologies 24 - The relationship between front-end and back-end 27 D - Discuss the differences between online website creation tools and custom built sites with regards to design flexibility, performance, functionality, User Experience (UX) and User Interface (UI) (P4) 27 I - What is UX? 27 II - What is UI? 29 III - Online Website creation tools 32 What is online website creation tools? 32 Way to work 32 List of tools 32 IV - Custom build site 34 Definition .34 Example 34 Page |4 V - The differences between online website creation tools and custom build site 38 Online website creation tools: 38 Custom build site: 38 E - Evaluate the impact of common web development technologies and frameworks with regards to website design, functionality and management (M1) 39 I - Web development technologies and frameworks 39 Introduction about web development technologies 39 Definition of web development frameworks 39 II - Analyze the influence of web development tools and frameworks 39 F - Review the influence of search engines on website performance and provide evidence-based support for improving a site’s index value and rank through search engine optimization (M2) 40 I - Introduction about search engines optimization 40 Definition .40 List of SEO 40 II - Supply evidence-based assistance in increasing a site's index value 41 Create high-quality material for SEO purposes 41 Acquire relevant links 41 Improve the loading speed of your website 41 Optimize your images .41 Insert keywords in strategic locations 41 Improve the structure and navigation of your website 42 Make your website mobile-friendly 42 SEO may help you improve the user experience on your website 42 Regularly update your website 42 III - SEO evaluations 42 I - IDE 42 Microsoft Visual Studio .42 Xcode 43 Netbeans 43 Pycharm 43 RubyMine 43 II - Database Management System: 44 MySQL 44 MariaDB 44 III - Web design .45 Hyer 45 Mubasic 46 REFERENCES 47 Page |5 ASSIGNMENT ANSWERS A - Identify the purpose and types of DNS, including explanations on how domain names are organized and managed (P1) I - Overview of DNS What is DNS? Every internet-connected gadget has its own IP address, which other devices use to locate the device DNS servers let individuals to type conventional words into their browsers, such as fptshop.com, without having to remember the IP address for each website A DNS server is a computer that has a database that contains the public IP addresses that are connected with the names of the websites that a user may access using their IP address When consumers input domain names into web browser address bars, such as shopee.vn or slyclothing.vn, the DNS determines the correct IP address The IP address of the site leads the device to the right location to view the site's data After then, the user may view the information on the website Purpose of DNS - It is capable of handling the high amount of requests required by the internet or a small private network - When a user enters a Web address (URL) into a browser, DNS servers provide the IP address of the Web server with that name In this fictitious example, the DNS converts the URL www.fptshop.vn into the IP address 72.21.215.90 - To access the website without DNS, enter a string of four digits and dots into your browser, which you may Examine the IP address It is a system that, like a phone-book, links names with numbers - When a client tries to resolve google.com, it first examines its DNS cache It will appear if it is cached - Simply enter the URL into your browser If not, the lookup process will commence How does DNS work? The four servers that collaborate to provide the right IP address to the customers are as follows: + Recursor for DNS: The query from the DNS client is received by the DNS recursor, also known as a DNS resolver It then connects with other DNS servers to determine the correct IP address After retrieving the Page |6 response to the customers, the resolver operates as if it were a client As it does so, it sends requests to the other three DNS servers: the root name-servers, the top-level domain (TLD) name-servers, and the authoritative name-servers + The root name-server: responsible for the DNS root zone on the internet Its function is to respond to requests for records in the root zone It responds to queries by returning a list of the authoritative nameservers associated with the right TLD + TLD nameservers: store the IP address of the second-level domain contained in the TLD name It then returns the IP address of the website and submits the query to the domain's nameserver + Authoritative nameservers: responsible for providing the correct answer to your DNS query A central server, also known as a primary nameserver, and a slave server, sometimes known as a secondary nameserver, are the two types of authoritative nameservers The master server maintains the original copies of the zone records, whereas the slave server is a carbon duplicate of the master server It distributes the DNS server load and serves as a backup in the event that the master server fails List of DNS There are three types of DNS servers as following: + DNS stub resolver server: When application applications operating on desktop computers or mobile devices need to resolve DNS domain names, a stub resolver is a software component often found in endpoint hosts that creates DNS queries The resolver will deliver the response to the stub resolver.lever after performing as many inquiries as necessary to receive the response to the original question + DNS recursive resolver server: The recursive resolver might be housed in a home router, hosted by an internet service provider, or offered by a third party, which including Google's Public DNS recursive resolver at 8.8.8.8 or Cloud-flare DNS service at 1.1.1.1 + DNS authoritative server: The authoritative DNS server seems to be the final possessor of the domain's IP address A DNS query is transmitted to your internet service provider when you type a domain name into your browser (ISP) The ISP has a recursive server that may have the required information cached in its memor Page |7 c Land Rover Land Rover is a well-known automobile manufacturer These may be seen in the way they created their website and user interface It is luxury, product-focused, interactive, and simple to use This design successfully walks the user through their own customer journey, something not many websites can achieve P a g e | 35 d Capital Harvest Capital Harvest is a South African agricultural lending firm They are recognized in business for their solutiondriven approach, which they were able to show on their website The design is formal, yet not scary The utilization of industry-related imagery familiarizes it with their target audience Beautiful photographs stand out against the white backdrop, allowing the images and content to speak for itself P a g e | 36 e MasterCard MasterCard allows people to discover what the offers around the world The company's website reflects this type of experience The pages are brought to life with films that pique the user's interest in life Even photos and text have dynamic transitions, making the website more immersive This interesting interface matches the brand's vibrant colors without becoming overbearing P a g e | 37 V - The differences between online website creation tools and custom build site Online website creation tools: - This is also known as the Creation Management System (CMS) These equipment are ready to use with merely drag and drop choices, requiring no coding skills Nothing but the visible site is included in the layout of a website created with templates Colors, fonts, and pictures may usually be modified, however the structure typically remains the same These rapid web templates are mainly sought by DIYs and new enterprises on a tight budget, and they come in handy when someone has to construct a website in a matter of hours or days Because these are generally pre-made themes, they limit the designer's innovation inside the website - Pros: + Simple to learn and apply + Learning takes less time + A quick approach to create a website - Cons: + Large website size poses a security concern + Some things have limitations Custom build site: - Custom website allows and encourages you to express your company's culture and personality via design A one-of-a-kind design may be presented, edited, and developed into a bespoke website template They are always on the looking for better SEO industry standards as they are released by Google - Adventages: P a g e | 38 + Customization options + You have complete command + Coding allows you to create anything (and anything) - Disadvantages: + It is difficult to learn + It takes a long time to learn + Building a website takes time E - Evaluate the impact of common web development technologies and frameworks with regards to website design, functionality and management (M1) I - Web development technologies and frameworks Introduction about web development technologies When we discuss of web development technologies, we typically refer to client-side technologies, which are then used to create and display anything with which the end user interacts JavaScript is the primary web language, and it can be found on the client-side among most web sites and online apps Definition of web development frameworks A framework exists to offer a foundation upon which you may successfully build your next project It may save time and boost a project at every step of development by giving you a design, encapsulation, and some beginning code toward your goals Pros:  Simplifies Several Tasks and Problems  Concentrated Development Services  Coding Policies and Procedures  Community for Testing and Debugging Cons:  Limitations of the Framework  Unnecessary extras include learning the framework rather than the language  When to Forego the Framework II - Analyze the influence of web development tools and frameworks Advantages of web development tools and frameworks  Frameworks are simplified implementations of a computer language that are easy to learn and use while completing tasks rapidly  The majority of spring framework are open-source and free They usually include non-restrictive license, allowing you to develop a commercial product P a g e | 39  The framework that provides enough documentation and help in the majority of Web development scenarios It's worth mentioning that "excellent cooperation" can be a contentious topic at times Paid help is almost always faster and more succinct, although this is dependent on the degree of activity inside the framework — as evidenced by Ruby on Rails, which has a huge community and is recognized for its pleasant character and good support  It shortens the code Frameworks eliminate the need to write a set of pre - defined code, which is common in many applications Efficiency is a significant advantage that should never have been disregarded A project may be completed in a tenth of the time this could take to create code without the need for a framework  It may reach a high level of security as just a framework which is frequently created and tested by a big number of developers Various security vulnerabilities are expected to be solved and tested as the framework is already being built Disadvantages of web development tools and frameworks  It hinders programmers from learning the basic and detailed language As mentioned above, the framework manages the installation of various features for programmers behind the scenes This is because learning and using these frameworks to build and deploy his web apps not require extensive programming language proficiency These programmers cannot learn how to use computer languages more efficiently As a result, knowledge of others is limited to a few institutions that speak the language well  Provides a rigid programming paradigm You can modify the framework to utilize certain tools or approaches for creating web apps As a result, changing the essential components of these frameworks is nearly difficult Frameworks allow you to build your own web apps, but the amount of customization is limited Certain functions are unable to be optimized  Because of the massive amount of pre-defined programming code that comes with a library or framework, the vast majority of which is essentially useless for developing simple web apps These frameworks usually involve large files that slow down and damage the performance of the page As a consequence, the final product should load significantly slower Developers can, however, choose between a full-stack and a micro web framework F - Review the influence of search engines on website performance and provide evidence-based support for improving a site’s index value and rank through search engine optimization (M2) I - Introduction about search engines optimization Definition SEO is an abbreviation for "search engine optimization." In layman's words, it refers to the process of upgrading your website so that it appears more prominently when people search for items or services linked to your company on Google, Bing, and other search engines The higher your pages appear in results pages, the further likely you are to draw attention and attract new and existing clients to your business List of SEO There are three types of SEO: - On-page SEO refers to anything on your website's pages, such as blogs, product copy, and web content - Off-page SEO refers to everything that activity of different from your site that aids your SEO strategy, such as backlinks P a g e | 40 - Technological SEO entails everything technical done to boost search rankings, such as site indexing to aid bot crawling II - Supply evidence-based assistance in increasing a site's index value Create high-quality material for SEO purposes Both search engines and regular users value regularly updated, high-quality material You may increase your ranks in search engine results for keywords connected to your business by providing content relating to your industry, goods, and services Acquire relevant links The amount and quality of links pointing to your website have a significant influence on where it ranks in search engine results To improve your results, you must obtain relevant connections from other high authoritative websites This provides favorable signals to Google, so getting connections from a range of reliable sites can help you rank better in search results Improve the loading speed of your website Your search rankings are also affected by site speed If your site requires more than just few seconds to load, you will most likely have a high bounce rate since users not like to wait for slow-loading sites Furthermore, when pages load slowly, search engines crawl fewer pages, which might impede indexation Optimize your images Using alt text to optimize your photos gives relevance signals to search engines, allowing them to understand that the images on your website are connected to the terms a user searches for When photos on your site cannot be seen, alt text is used to explain them Insert keywords in strategic locations If you want to appear higher ranking in search results for keywords or phrases related to your organization, P a g e | 41 include them in areas such as your URLs, page titles, headers, and text Adding keywords to these locations provides relevance signals to search engines, allowing your site to appear when people search for those phrases That being said, avoid keyword research, or filling your pages with terms in an unnatural way Improve the structure and navigation of your website You will also need to adjust your site structure and navigation to increase your SEO If users cannot locate the information they require on your website, they will quickly return to the search results This might lead to a high bounce rate and short dwell periods on your site, sending bad signals to search engines Make your website mobile-friendly Because Google is transitioning to a portable index, it is critical that your site be optimized for mobile search With the new index, Google will now analyze pages from the perspective of a mobile user in order to give the most relevant search results, which will be used for both mobile and desktop searches This implies that if your website isn't mobile-friendly, you'll see worse search ranks even on desktop PCs SEO may help you improve the user experience on your website Search engines want to show relevant, useful information, and they want to reward sites that deliver a good user experience (UX) The phrase "user experience" refers to a multitude of elements such as usability, functionality, design, and others To provide consumers a wonderful experience, you must guarantee that your site not only looks amazing but also performs properly Regularly update your website You may believe that once your site begins to rank in search results, your work is done However, your work is far from over Your website, like your car and home, requires regular maintenance to guarantee it continues to rank high in search results and generate leads for your business III - SEO evaluations Search engines have steadily evolved into an important route for expanding global reach and competing with larger corporations By using Search engines, the webpage might be among the first several results returned from a relatedsearch engine query This refers to data that is widely obtainable to a certain audience That implies more individuals will visit our official website as a result of the increased exposure Search engine optimization improves its rating in search engine result pages, which is beneficial to small businesses who cannot afford to invest in other marketing channels to increase their business visibility G - Evaluate a range of tools and techniques available to design and develop a custom built website (M3) I - IDE Microsoft Visual Studio Pros: As a big library that is always expanding Get a personalized dashboard with dockable windows Simple procedure that is simple to modify and insert code into Automation engine, error list, and ability to debug when programming application For precise real-time performance monitoring P a g e | 42 Cons: Because Microsoft Visual Studio is a large, resource-intensive IDE to install, simple editing tasks on some systems may take longer than necessary As a result, for basic tabs, you should continue to utilize lightweight editors Xcode Advantages:  Control UI links simply to code, and it can connect visuals and complicated interface drawings in any code  Jump bar for easy navigation, code partitioning aid  Test Navigator enables rapid testing of apps at any stage of the development process  Workflows with Behaviors, Tabs, and Snippets that are Highly Customizable  The editor features a commit timeline as well as log files  Because of the interaction with OS X, projects may be built, analyzed, tested, and archived automatically Defect: Xcode requires Apple goods to run, as well as a developer license is necessary to publish programs to the Apple Store Netbeans Pros:  Drag-and-drop user - friendly interface, dynamic and static libraries  A constructed multi-version DNU debugger with code support is included  Platforms supported include Linux, Windows, OS X, and Solaris  Support for Qt Toolkit, Fortan files, and Assembler  Compilers such as CLang/LLVM, Cygwin, Oracle Solaris Studio, SNU, and MinGW are supported  Allows for remote development Defect: Because it uses a lot of memory, it might be extremely sluggish on some PCs Pycharm Benefits:  Google App Engine Support  VIM emulation interface that may be customized  Compatible with a variety of platforms Windows, Linux, and Mac OS X  It includes the Django IDE  Debuggers for JavaScript, Python, and Django are built-in Disadvantages: Pycharm still has several basic issues that cannot be solved, such as the autocomplete tool occasionally failing to function RubyMine P a g e | 43 Advantages:  Code extraction, automated refactoring, and autocomplete  Stack support includes PIK, RVM, RBENV, Bundler, and other tools  Using Git, CVS, Perforce, Subversion, and Mercurial together  The project tree enables lightning-fast code examination Defect: RubyMine requires at least 4GB of RAM on your computer to run smoothly On the other hand, the GUI customization possibilities are not this IDE's strong suit II - Database Management System: MySQL Pros:  MySQL is a Relational Database Management System (RDBMS), which implies that it stores and displays data in tabular form, with rows and columns  More secure since it has a strong data security layer to safeguard sensitive data from hackers, and MySQL passwords are encrypted  MySQL is available as a free download and use from its official website  Most operating systems, including Windows, Linux, NetWare, Novell, Solaris, and other UNIX variants, are interoperable Cons:  MySQL is inefficient when dealing with very big databases  When compared to commercial databases, MySQL lacks a strong development and debugging tool  MySQL versions before to 5.0 not support the COMMIT, stored procedure, or ROLE commands  MySQL is prone to data corruption due to inefficiency in transaction management  SQL check restrictions are not supported by MySQL MariaDB P a g e | 44 Pros:  MariaDB is backwards compatible, which means that the most recent version is compatible with previous ones This is a crucial feature because it is open-source software that is regularly updated by the community  MariaDB has a dynamic matching the right, which allows the server to minimize its resources by removing idle threads When used with a big connection pool, this functionality significantly improves speed, replication, and update performance  The powerful Galera cluster technology included into the system eliminates slave latency and missed transactions, decreases client latencies, and enhances node read scalability  Furthermore, MariaDB supports additional storage engines than MySQL, some of which are RDBMScompatible Each storage engine serves a distinct role MariaDB ColumnStore, for example, is intended for huge data scaling and linear scalability Cons:  Beginning with version 10.2, MariaDB exclusively supports JSON data types  By acquiring a MariaDB Platform subscription, you have access to professional support and enterprise-grade capabilities III - Web design Hyer This page contains everything you want for an excellent homepage: A story-telling graphic that isn't too distracting, good use of white space, a simple navigation bar, a tagline or motto, and a clear CTA It's a simple design with no distractions that inspires visitors to discover more about the company P a g e | 45 Mubasic Mubasic's website is not only visually appealing, but also dynamic Mubasic is a library of elevated audio for kids, and the website's design choices contribute to its lighthearted, easygoing atmosphere This site's design success is due to the poppy color palette and good visual hierarchy, but the true reason it shines is because the design seems authentic to the brand's objective P a g e | 46 REFERENCES domain name generator & ideas (2022) (no date) Shopify Available at: https://www.shopify.com/tools/domain-namegenerator?term=domain+name&adid=566070168223&campaignid=15433369377&gclid=Cj0KC QiA4OybBhCzARIsAIcfn9lV2DX0flmaazcCEVBgjMWGe_yrao4uiIQreDvQvl_2NmQA32kS5k 0aAj2zEALw_wcB&cmadid=516585705%3Bcmadvertiserid (Accessed: November 21, 2022) Denis (2021) How are domain names organized and managed?, iNET Systems Available at: https://blog.inetsystems.com/faq/how-are-domain-names-organized-and-managed (Accessed: November 21, 2022) Ltd, A.A (2022) Purpose and types of DNS, UK Essays UK Essays Available at: https://www.ukessays.com/essays/information-systems/purpose-and-types-of-dns-2.php (Accessed: November 21, 2022) Gont, F (2019) The types of DNS servers and how they work, SearchSecurity TechTarget Available at: https://www.techtarget.com/searchsecurity/tip/The-3-types-of-DNS-servers-andhow-they-work (Accessed: November 21, 2022) Agarwal, T (2021) Communication protocols : Basics and types with functionality, ElProCus Available at: https://www.elprocus.com/communication-protocols/ (Accessed: November 21, 2022) The World Wide Web (article) | web protocols (no date) Khan Academy Khan Academy Available at: https://www.khanacademy.org/computing/computers-and-internet/xcae6f4a7ff015e7d:theinternet/xcae6f4a7ff015e7d:web-protocols/a/the-world-wide-web (Accessed: November 22, 2022) Définition serveur web (2022) Twaino Available at: https://www.twaino.com/en/definition/s/webserver/ (Accessed: November 22, 2022) What is a web server? what are the types of web servers? (2022) Web Hosting Blog by MilesWeb | WordPress, Cloud & SEO Tips Available at: https://www.milesweb.in/blog/hosting/web-servertypes-web-servers/ (Accessed: November 22, 2022) W.H.S.E.O (2021) Web server hardware comparison and Review, Web Hosting Resources and Reviews Available at: https://www.webhostingsun.com/hosting-servers/web-server-hardwarecomparison-review/ (Accessed: November 22, 2022) 10 Computer basics: Understanding operating systems (no date) GCFGlobal.org Available at: https://edu.gcfglobal.org/en/computerbasics/understanding-operating-systems/1/ (Accessed: November 22, 2022) 11 What is the purpose and relationships between communication - quora (no date) Available at: https://www.quora.com/What-is-the-purpose-and-relationships-between-communicationprotocols-server-hardware-operating-systems-and-web-server-software-with-regards-todesigning-publishing-and-accessing-a-website (Accessed: November 22, 2022) 12 Cardello, J (2022) How to publish a website in easy steps: Webflow blog, Webflow Webflow Available at: https://webflow.com/blog/how-to-publish-a-website (Accessed: November 22, 2022) 13 Computer Concepts - accessing web browser (no date) Tutorials Point Available at: https://www.tutorialspoint.com/computer_concepts/computer_concepts_accessing_web_browser htm#:~:text=Step%201%20%E2%88%92%20Launch%20your%20web,content%2Fweb%20page %20you%20want (Accessed: November 23, 2022) Free P a g e | 47 14 Front-end developer handbook 2018 - learn the entire JavaScript, CSS and HTML development practice! (no date) · Front-End Developer Handbook 2018 Available at: https://frontendmasters.com/guides/front-end-handbook/2018/ (Accessed: November 23, 2022) 15 Knieć, A and Netguru (2022) 20 top frontend technologies to use in 2022, Digital Acceleration Company Netguru Available at: https://www.netguru.com/blog/front-end-technologies (Accessed: November 23, 2022) 16 Scaler, T (2022) Top 12 backend technologies you must know [2023], Scaler Topics Available at: https://www.scaler.com/topics/software-engineering/backend-technologies/ (Accessed: November 23, 2022) 17 The difference between front-end vs back-end (2022) Code a New Career | ComputerScience.org Available at: https://www.computerscience.org/bootcamps/resources/frontend-vsbackend/#:~:text=Front%2Dend%20development%20focuses%20on%20the%20visual%20aspect s%20of%20a,create%20interactive%2C%20visually%20pleasing%20websites (Accessed: November 23, 2022) 18 Fitzgibbons, L (2019) What are front end and back end? definition from whatis.com, WhatIs.com TechTarget Available at: https://www.techtarget.com/whatis/definition/front-end (Accessed: November 24, 2022) 19 What is user experience (UX) design? (no date) The Interaction Design Foundation Available at: https://www.interaction-design.org/literature/topics/ux-design (Accessed: November 24, 2022) 20 What is User Interface (UI) design? (no date) The Interaction Design Foundation Available at: https://www.interaction-design.org/literature/topics/ui-design (Accessed: November 24, 2022) 21 Custom-built website vs Template website (2020) PurpleCow Digital Marketing Available at: https://purplecow.digital/custom-built-website-template-website/ (Accessed: November 25, 2022) 22 Herald blogs (no date) Herald Blogs Available at: https://sajankumarshrestha.wordpress.com/ (Accessed: November 25, 2022) 23 Hernandez, I and Hernandez, I (2022) The current state of website builders, Website Guides, Tips & Knowledge Available at: https://www.dreamhost.com/blog/state-of-website-builders/ (Accessed: November 25, 2022) 24 Top web design tools for designers (2022) BrowserStack Available at: https://www.browserstack.com/guide/top-web-design-tools (Accessed: November 25, 2022) 25 Design Rush (2022) A guide to custom website design + 25 examples to learn from, DesignRush Design Rush Available at: https://www.designrush.com/agency/website-designdevelopment/trends/custom-website-design (Accessed: November 25, 2022) 26 What is the difference between a web based and online tool? (no date) Quora Available at: https://www.quora.com/What-is-the-difference-between-a-web-based-and-online-tool (Accessed: November 26, 2022) 27 Deed, I (2022) Pros and cons of web development frameworks, 2022 | Hire flutter, mobile & JS software devs | Pangea.ai Pangea.ai Available at: https://www.pangea.ai/dev-web-developmentresources/best-practices/ (Accessed: November 26, 2022) 28 Land, A.T.A.S.E and Search Engine Land (2022) What is SEO / search engine optimization?, Search Engine Land Available at: https://searchengineland.com/guide/what-is-seo (Accessed: November 26, 2022) 29 Sanders, H (2021) What are the types of Seo?, LinkedIn Available at: https://www.linkedin.com/pulse/what-3-types-seo-harry-sanders (Accessed: November 26, 2022) 30 Emily Carter ~ minutes to read (no date) ways to improve search engine optimization, WebFX Available at: https://www.webfx.com/blog/seo/how-to-improve-search-engine-optimization/ (Accessed: November 26, 2022) P a g e | 48 P a g e | 49