asm1 d 1633 website design and development

Untitled StuDocu is not sponsored or endorsed by any college or university ASM1 D 1633 Website Design and Development Website Design and Development (FPT University) StuDocu is not sponsored or endors.

lOMoARcPSD|15273161 ASM1 D - 1633_Website Design and Development Website Design and Development (FPT University) StuDocu is not sponsored or endorsed by any college or university Downloaded by Tuan Nguyen Trinh (atuan9591@gmail.com) lOMoARcPSD|15273161 ASSIGNMENT FRONT SHEET Qualification BTEC Level HND Diploma in Computing Unit number and title 10: Website Design & Development Submission date December 18, 2021 Re-submission Date Date Received 1st submission Date Received 2nd submission Student Name Nguyen Minh Nghia Student ID GCC200100 Class GCC0901 Assessor name Nguyen Trung Viet Student declaration I certify that the assignment submission is entirely my work and I fully understand the consequences of plagiarism I understand that making a false declaration is a form of malpractice Student’s signature Nguyen Minh Nghia Grading grid P1 P2 P3 P4 M1 M2 M3 D1 Downloaded by Tuan Nguyen Trinh (atuan9591@gmail.com) lOMoARcPSD|15273161 ❒ Summative Feedback: ❒ Resubmission Feedback: 2.1 2.2 Grade: 2.3 Assessor Signature: 2.4 Date: Signature & Date: Downloaded by Tuan Nguyen Trinh (atuan9591@gmail.com) lOMoARcPSD|15273161 Assignment Brief (RQF) Higher National Certificate/Diploma in Computing Student Name/ID Number: Nguyen Minh Nghia/GCC200100 Unit Number and Title: Unit 10: Website Design & Development Academic Year: 2021 – 2022 Unit Assessor: Hoang Nhu Vinh Assignment Title: Web Technologies Issue Date: 01 April 2021 Submission Date: December 18, 2021 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 Downloaded by Tuan Nguyen Trinh (atuan9591@gmail.com) lOMoARcPSD|15273161 Unit Learning Outcomes: LO1 Explain server technologies and management services associated with hosting and managing websites LO2 Categorize 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 ecommerce 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 Downloaded by Tuan Nguyen Trinh (atuan9591@gmail.com) lOMoARcPSD|15273161 Learning Outcomes and Assessment Criteria (Assignment 1): Learning Outcome LO1 Pass Merit P1 Identify the purpose and types of DNS, including explanations on how domain names are organized and managed 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 backend website technologies and explain how these relate to presentation and application layers M1 Evaluate the impact of common web development technologies and frameworks with regards to website design, functionality and management Distinction D1 Justify the tools and techniques chosen to realize a custom-built website 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) Downloaded by Tuan Nguyen Trinh (atuan9591@gmail.com) lOMoARcPSD|15273161 Table of Contents I Domain name system (DNS) Explain the concept of DNS Purpose of DNS Types of DNS Server How domain names are organized and managed 11 II Explanation of web element 12 Communication protocols 12 Server hardware 13 Operating systems 14 Web server software 15 Explain the relationship between technologies above with regards to design, publish and accessing a website 17 III Website technologies 19 Explanation of static and dynamic web 19 a Static web 19 b Dynamic web 19 c The differences between a static and dynamic web 20 d Conclusion 20 Drive to front-end and back-end technologies 21 a Frontend 21 b Backend 21 Clarify the capabilities and relationship front-end and back-end 22 IV Online creation tools and custom-built 23 Examples of online creation tool 23 a WIX.com (https://www.wix.com) 23 b WordPress (https://wordpress.com) 24 Comparison table 25 V Evaluate the impact of common web development technologies and frameworks 26 What is Web Technology? List common web technology? 26 Web Development Frameworks? 28 a What is a framework? 28 b Advantages 28 Downloaded by Tuan Nguyen Trinh (atuan9591@gmail.com) lOMoARcPSD|15273161 c Disadvantages 29 d List common Web Development Frameworks 30 Evaluate the impact of Web Technology and Frameworks with regards to website design, functionality and management 32 VI Review the influence Search engine 34 Concept of search engine 34 Concept of SEO 34 Technical solution to improve website index based on SEO 34 VII Evaluate a range of tools and techniques available to design and develop a custom-built website 37 Tools 37 Techniques 38 VIII Reasonable judgments regard to chosen topic 43 References 44 Downloaded by Tuan Nguyen Trinh (atuan9591@gmail.com) lOMoARcPSD|15273161 I Domain name system (DNS) Explain the concept of DNS The DNS is a database of domain name and IP address records that helps browsers to discover the correct IP address that corresponds to a hostname URL typed into it When we want to access a website, we usually put its domain name into the web browser, such as cdnetworks.com, wired.com, or nytimes.com Web browsers, on the other hand, require specific IP addresses to load content for the website The DNS is responsible for converting domain names to IP addresses so that resources may be loaded from the website's server (CDNetworks, 2021) Websites may have multiple IP addresses corresponding to a single domain name Large sites, such as Google, will have people requesting a server from all over the world Even though the site name typed in the browser is the same, the server that a computer in Singapore tries to query will most likely be different from the one that a computer in Toronto tries to access DNS caching comes into play here (CDNetworks, 2021) Purpose of DNS The Domain Name System (DNS) Server is a server that matches website hostnames (such as example.com) to their associated Internet Protocol or IP addresses The DNS server keeps a database of public IP addresses and the domain names that belong to them According to the IPv4 or IPV6 protocols, each device connected to the internet has a unique IP address that aids in identification The same is true for web servers, which function as hosts for websites (CDNetworks, 2021) DNS servers assist us to avoid memorizing such long numbers as IP addresses (and even more complex alphanumeric ones in the IPV6 system) by automatically translating the website names we type into the browser address bar into these numbers, allowing the servers to load the correct web pages (CDNetworks, 2021) Types of DNS Server DNS servers are classified into four types: recursive resolvers, root nameservers, TLD nameservers, and authoritative nameservers In a normal DNS lookup (where there is no caching in place), these four DNS servers collaborate to send the IP address for a particular domain to the client (the client is usually a stub resolver - a simple resolver built into an operating system) (CLOUDFLARE, 2021): Downloaded by Tuan Nguyen Trinh (atuan9591@gmail.com) lOMoARcPSD|15273161 - DNS Recursive Resolver: - The first stop in a DNS query is a recursive resolver (also known as a DNS precursor) The recursive resolver serves as a go-between for a client and a DNS nameserver When a recursive resolver receives a DNS query from a web client, it will either respond with cached data or send a request to a root nameserver, followed by another request to a TLD nameserver, and finally to an authoritative nameserver The recursive resolver responds to the client after obtaining a response from the authoritative nameserver providing the requested IP address The recursive resolver will cache information obtained from authoritative name servers throughout this procedure When a client asks for the IP address of a domain name that was previously requested by another client, the resolver can avoid connecting with the nameservers and simply deliver the requested record from its cache DNS Root Name Server: Every recursive resolver knows the 13 DNS root nameservers, and they are the initial step in a recursive resolver's search for DNS records A root server takes a recursive resolver query that contains a domain Downloaded by Tuan Nguyen Trinh (atuan9591@gmail.com) lOMoARcPSD|15273161 - - - - Improved Code Efficiency: Online frameworks are designed to make code more readable and reusable, making them the quickest and most efficient method to create self-contained web applications Furthermore, developers benefit from a dynamic coding environment as well as sophisticated capabilities such as hot reload and live reload, which result in speedier web development Easy Code Reusability: Web frameworks eliminate the need for developers to construct sophisticated code structures with hundreds of lines of code Instead, they may use the pre-built codebase and make minor changes to achieve smooth bootstrapping Many well-known frameworks, such as Django and React js allows for simple code reuse, allowing developers to create several web apps with the same codebase Similarly, web frameworks aim to simplify development by automating processes such as caching, URL mapping, session management, and so on Accelerated Development: Cyber-attacks are becoming more common, raising severe security issues about site construction The usage of frameworks for web application development, on the other hand, allows you to defend and shield your web app against typical threats such as DDoS and SQL injection, as well as data manipulation It's due to the security protections that most web frameworks provide by default Enhanced Security: Cyber-attacks are becoming more common, raising severe security issues about site construction The usage of frameworks for web application development, on the other hand, allows you to defend and shield your web app against typical threats such as DDoS and SQL injection, as well as data manipulation It's due to the security protections that most web frameworks provide by default 33 Downloaded by Tuan Nguyen Trinh (atuan9591@gmail.com) lOMoARcPSD|15273161 VI Review the influence Search engine Concept of search engine A search engine is a software that can be accessed through the Internet and searches a database of information based on the user's query The engine returns a list of results that best fit the user's search criteria There are several search engines accessible on the Internet today, each with its unique set of capabilities and features Archie was the first search engine ever created, and it was used to search for FTP files Veronica was the first text-based search engine Google is currently the most popular and well-known search engine AOL, Ask.com, Baidu, Bing, DuckDuckGo, and Yahoo are some of the other major search engines (Computer Hope, 2021) Concept of SEO The phrase search engine optimization refers to a wide range of operations that may be carried out to enhance the number of desirable visitors that arrive at your website via search engines (you may also have heard these activities called search engine marketing or search marketing) This covers things like making changes to your content and HTML code on your website It also includes employing specifically prepared language or documents to connect directly with search engines, as well as chasing additional sources of traffic through listing creation or link attraction Tracking, research, and competition analysis are also included in the SEO package (Grappone & Couzin, 2011) Although SEO may involve an advertising component, it is not advertising It is not public relations (PR), even though it entails monitoring your reputation and building your branding like PR SEO may appear sophisticated as a constantly growing sector of internet marketing, but its primary purpose is fairly simple: attracting targeted visitors (Grappone & Couzin, 2011) Technical solution to improve website index based on SEO There are 10 Ways to Improve SEO (That Will Boost Ranking) (Milligan, 2020): - - Use a program that integrates with Google Analytics to track metrics: Understanding Google Analytics is the most important step you can take to improve your SEO in 2021 Google Analytics is a useful tool for analyzing your website and making informed data-driven decisions Metrics can assist you to understand not just how you rank, but also your audience, allowing you to better select content for them Google Analytics may be a terrific tool for better targeting your clients over time Among the metrics you might gather about your website visitors are: + What browsers they’re using + The most popular devices used to visit your site + Referral traffic + Understand your competition Identify low-performing pages and refresh them with new content people want to read: Content marketers that create high-quality content have one thing in common: they provide users with interesting content subjects Successful content marketers use trends and discussions to generate new ideas, which means you'll have to review low-performing material at some time Ensure your content is created around a primary keyword and relevant secondary keywords: 34 Downloaded by Tuan Nguyen Trinh (atuan9591@gmail.com) lOMoARcPSD|15273161 - - - - Keyword research for your content not only helps you construct the framework of your piece but also allows you to discover what your audience wants to read Understanding which keywords are suitable for your target audience and content type will assist you in developing a content plan to increase SEO Google-friendly writing is predicated on exhibiting a mix of keywords and ordinary language This means that your material should be created in such a way that it flows organically Keywords should organically appear in your content so that you don't have to stuff it at the last minute One method is to find semantically similar terms to your core keyword goal Diversify your backlink portfolio: Even if you follow all of the on-page technical SEO suggestions, you will not be guaranteed to be on Google's main page Backlinks are a significant aspect of SEO, and whether you're getting backlinks from high-authority sites is important Backlink variety may be obtained from two sources, namely: + The nature of the backlink + The URL of the site from which the backlink was obtained A broad backlink portfolio tells Google that your site is an authoritative source and that you're earning links naturally rather than using old black hats or other spam strategies Use effective header tags to target google featured snippets: When creating content, you should consider how you format your material on the page Every page's content should be properly structured, with the most relevant information at the top of the page According to surveys, 80 percent of readers spend most of their time looking at the text at the top of the page However, Google does not always index context-based purely on what is at the top of the page They look at the post as a whole to determine if it's thorough, so keep that in mind while designing your page Remember to optimize images: Image optimization is sometimes disregarded when it comes to improving SEO However, when done correctly, it may deliver a significant amount of traffic to your website There are several advantages to employing visual content, including: + It aids in breaking up a wall of words + This aligns with Google's long-term objective of visual search + Improves the context of your website's information + Enables readers to better understand textual material Visual material, like textual information, may benefit from improved SEO Image optimization helps your content rank higher in Google Image Search while also increasing the visibility of your site However, there are a few things you should bear in mind while optimizing photos Make sure your site is mobile-friendly: According to recent statistics, mobile devices account for more than 60% of all Google searches As a result, it's critical to ensure that your website is optimized for them Google rewards mobile-optimized websites Similar to desktop optimization, you should concentrate on establishing mobile SEO You may now conduct independent keyword research and comparisons for mobile and desktop Using an SEO tool might assist you in gaining useful information about mobile analytics This allows you to pick which material to tailor to which audience and which keywords to add to your content Some feel that designing a website with a mobile-first strategy will benefit your desktop account in the long run This is because when working on the mobile interface, you can first delete unnecessary components of your website Using this strategy will assist you in prioritizing your material so that you can develop high-quality content from the start 35 Downloaded by Tuan Nguyen Trinh (atuan9591@gmail.com) lOMoARcPSD|15273161 - - - Use clean URLs and Meta descriptions: Your URL and meta description are critical in assisting Google in understanding what your content is about Although there are no hard and fast rules about the length of any of these to enhance your rankings, the objective should be to make them both as succinct and clear as possible while including your target keywords The following are some best practices for maintaining as clean a URL and meta description as possible: + Use a consistent structure that keeps future posts in mind + Avoid superfluous language + Make them keyword-rich Decrease load times on top-performing pages: One of the key causes of high bounce rates is slow loading times According to Google, "speed equals income," which simply implies that poor loading times increase the likelihood that your website visitors will abandon your page As a result, the speed of your website affects your SEO ranking An auditing tool may be a useful resource for determining the speed of your website With a page speed auditing tool, you can discover what is slowing down your website and how to improve its performance It may also check for typical SEO errors, allowing you to enhance your website's content for an SEO boost Continually learns from your analytics: Tracking the performance of your website may assist you to discover what works and what doesn't for your target audience This allows you to develop additional content based on their preferences and dislikes There are several measures on which to focus and determine how to improve The list of typical metrics that you should consider reference is provided below: + Average time spent on a page + Bounce rate + Traffic sources 36 Downloaded by Tuan Nguyen Trinh (atuan9591@gmail.com) lOMoARcPSD|15273161 VII Evaluate a range of tools and techniques available to design and develop a custom-built website Tools The table below will identify the pros and cons of some tools available to design and develop a custom-built website: Advantages Disadvantages Some advantages (Verified User, 2019): Some disadvantages (Verified User, 2019): NetBeans - Debugging: Save time searching for mistakes by walking through the code to locate the source of the problem Refactoring: Use the built-in refactoring tools to easily rename classes and variables or make other structural changes Service management: NetBeans works smoothly with web application servers such as Tomcat and Glassfish Source control: Compatible with Git and other version control systems Some advantages (McAnulty, 2021): Sublime Text - Visual Studio Code - Some disadvantages (McAnulty, 2021): Sublime Text is forceful when it is needed, but it is also simple and out of the way Excellent keyboard shortcuts and multi-selection capabilities Excellent package management installation procedure for quickly expanding functionality Some advantages (Mihiranga, 2021): Instability: When used for extended periods, NetBeans will occasionally crash While this is uncommon, it may be aggravating Memory usage: When large projects are launched in the IDE, they might eat a lot of memory Limited support: By default, NetBeans does not include professional support Users should feel at ease reading documentation or accessing internet groups for assistance Some firms, like as ours, may need to continue using a more complicated IDE alongside a tool like Sublime for specific tasks Sublime Text has developed a distinct product called Sublime Merge, which serves as a version control GUI Some disadvantages (Mihiranga, 2021): One of the nicest features of VS Code is the autosave option VS Code has a plethora of extensions It has greatly improved the smoothness and power of our code It is very programmable and may perform a variety of predetermined tasks Debugging supporting AI should be enhanced It's difficult to adjust settings in VS Code as a result, it should be more userfriendly When VS Code is running, it might consume a lot of CPU power As a result, the machine occasionally freezes 37 Downloaded by Tuan Nguyen Trinh (atuan9591@gmail.com) lOMoARcPSD|15273161 Techniques The table below will identify the pros and cons of some techniques available to design and develop a custombuilt website: Advantages Some advantages (Agarwal, 2021): - - - - PHP - - - - The most significant advantage of PHP is that it is open-source and free It may be downloaded from any place and used for the occasion of online apps It is platform agnostic PHP-based programs may operate on any operating system, including UNIX, Linux, and Windows PHP-based applications that are linked to a database may be simply loaded It is mostly utilized because it loads faster than other programming languages over sluggish internet connections It has a lower learning curve because it is basic and easy to use PHP can be readily worked on by someone familiar with C programming It has been more stable over the last few years, thanks to the aid of giving constant maintenance to various versions It aids in the reuse of similar code and eliminates the need to create lengthy code and complex structures for the event of online applications It facilitates code management It includes strong library support for using different function modules for data representation PHP's built-in database connection modules make it simple to connect databases, which saves time and effort when developing web apps and content-based websites PHP's popularity spawned a slew of developer communities, a subset of which may be suitable candidates for employment Disadvantages Some disadvantages (Agarwal, 2021): - - - Because of its open-source nature, it is not very secure, as ASCII text files are frequently available It is not appropriate for large contentbased web applications It has a weak type, which might lead to inaccurate data and information being sent to the user PHP frameworks must learn to leverage PHP's built-in features to avoid creating additional code Using additional PHP framework and tool functionality results in bad performance of web applications PHP does not permit changes or modifications to the core behavior of online applications The behavior of PHP frameworks differs, as their performance and functionality While PHP is a strong tool with a large community and a wealth of reference documentation, there are simpler programming languages for web projects PHP is widely regarded as having poor error-handling quality, according to developers PHP lacks the debugging tools required to look for errors and warnings In comparison to other programming languages, PHP provides fewer debugging facilities It's quite difficult to handle because it's not competent modular It already mimics the characteristics of the Java programming language 38 Downloaded by Tuan Nguyen Trinh (atuan9591@gmail.com) lOMoARcPSD|15273161 - PHP's flexibility allows it to efficiently integrate with many different programming languages, allowing the software package to employ the most effective technology for each specific feature Some advantages (Agarwal, 2021): HTML - HTML is a commonly used language HTML Language is supported by all browsers Simple to learn and use HTML is low in weight and quick to load You won't have to buy any additional software because it's included by default in every window Simple to use Loose syntax (but being too flexible will not work for standards) HTML is simple enough to write that it is simple to code even for inexperienced programmers HTML also allows for the use of templates, which simplifies the process of creating a website Very helpful for those who are just starting in the world of web design If not all browsers, HTML may be supported by every one of them HTML is used on practically every website, if not all HTML, like XML syntax, is rapidly being utilized for data storage You not need to purchase any software HTML is present by default in all windows; therefore, you not need to purchase expensive software HTML offers several tags and attributes that may be used to shorten your line of code Some advantages (Agarwal, 2020): Some disadvantages (Agarwal, 2021): - - Because it is a static language, it cannot create dynamic output on its own The structure of HTML texts becomes difficult to grasp Errors may be expensive It takes as much work to keep a page's color scheme consistent as it does to create lists, tables, and forms Because HTML can only produce static and plain pages, it is ineffective for creating dynamic pages It is necessary to write a large amount of code to create a simple webpage We must examine the deprecated tags and ensure that they should not be used since another language that works with HTML has replaced the initial work of the tag, and therefore the opposing language must be known and acquired HTML's security features are limited When we have to write extensive code to create a webpage, it adds complexity HTML can only build static and plain pages, thus if we want dynamic sites, HTML is useless I need to write a lot of code to create a simple webpage HTML security mechanisms are inadequate When we create extensive code to generate a webpage, it adds complexity Some disadvantages (Agarwal, 2020): 39 Downloaded by Tuan Nguyen Trinh (atuan9591@gmail.com) lOMoARcPSD|15273161 - - - CSS - - - CSS is crucial because it allows you to declare a repeating style for an element once and use it several times since CSS will automatically apply the needed styles The primary benefit of CSS is that style is applied consistently across a wide range of websites It is desirable to have a single command govern several locations Web designers should utilize a few lines of code for each page to improve site performance A cascading sheet not only streamlines website construction but also simplifies maintenance because a single line of code modification impacts the entire website and maintenance time Because it is less difficult, the work required is greatly decreased It aids in the formation of spontaneous and regular changes CSS modifications are devicefriendly People using a variety of smart devices to access websites on the internet necessitates the use of responsive web design It can reposition itself It assists us in determining changes in the location of web components on the page These bandwidth reductions are represented by large numbers of inconsequential tags that are indistinguishable from a jumble of pages It is simple for the user to modify the web page It decreases the size of the file transmission Some advantages (Agarwal, 2021): - - - - - CSS, from CSS to CSS3, causes misunderstanding across web browsers When it comes to CSS, what works in one browser may not always function in another The web developers must test the application for compatibility by executing it in several browsers There is a paucity of safety After making the adjustments, we must validate compatibility if it appears All browsers are affected by the same update For non-developers and newbies, the world of programming languages is difficult CSS levels, such as CSS, CSS 2, and CSS 3, maybe rather confusing Compatibility with browsers (some styles sheets are supported and some are not) CSS behaves differently in various browsers CSS is supported by IE and Opera using different reasoning When utilizing CSS, there may be cross-browser difficulties There are several tiers, which confuses non-developers and newbies Some disadvantages (Agarwal, 2021): Regardless matter where you host JavaScript, it is always processed on Large apps may be challenging to construct, even if you utilize the TypeScript overlay 40 Downloaded by Tuan Nguyen Trinh (atuan9591@gmail.com) lOMoARcPSD|15273161 - - - JavaScript - - - the client-side to conserve bandwidth and speed up the execution process Microsoft's XMLHttpRequest object is an essential one in JavaScript The object is called performed by XMLHttpRequest to the server as an asynchronous HTTP request to transport data to both parties without refreshing the page The ability to support all contemporary browsers and generate identical results is the most significant advantage of JavaScript Global corporations contribute to community development by launching significant initiatives Google (which built the Angular framework) and Facebook are two examples (created the React.js framework) JavaScript is used all across the internet JavaScript works well with other languages and may be used in a wide range of applications Several open-source projects might be of assistance to developers when it comes to adding JavaScript There are several JavaScript classes accessible, allowing you to rapidly and easily increase your understanding of this programming language It is not difficult to get started with JavaScript As a result, many of us decide to begin our careers in the IT field by studying this language It provides the ability to create sophisticated interfaces JavaScript may be used in a variety of ways using Node.js servers It is feasible to create a whole JavaScript app from start to finish using only JavaScript - - - - - - - This is true for bigger front-end projects Because of the number of tools that must be figured out to create an environment for such a project, setup is frequently a time-consuming operation This is frequently closely related to the operation of the library The primary issue with JavaScript is that the code is constantly exposed to everyone Anyone may examine JavaScript code Regardless of how quickly JavaScript interprets, JavaScript DOM (Document Object Model) is sluggish and can never be a fast rendering with HTML If a mistake happens in JavaScript, the whole website may be rendered JavaScript mistakes are highly tolerable in browsers JavaScript is often interpreted differently by various browsers This makes cross-browser programming relatively difficult to comprehend and develop Although some HTML editors offer to debug, they are not as efficient as other editors such as C/C++ editors As a result, it is difficult for the developer to notice the issue It takes longer to convert a number to an integer using continuous conversions This increases the time required to run the script and slows it down 41 Downloaded by Tuan Nguyen Trinh (atuan9591@gmail.com) lOMoARcPSD|15273161 Some advantages (Sourabh, 2021): - Ajax - There is no need to reload the page, which increases speed AJAX makes asynchronous requests to a web server, which means that client browsers not have to wait for all of the data to arrive before rendering can begin It is capable of completing form validation Utilization of bandwidth - It saves memory when data is obtained from the same page Make it more engaging Some advantages (Pradhan, 2021) : jQuery - - Some disadvantages (Sourabh, 2021): - - JavaScript is required for Ajax to function Ajax will not work if there is a JavaScript issue with the browser or the operating system Ajax can be troublesome with search engines since it relies on JavaScript for the majority of its components AJAX source code is easily accessible by humans Ajax will have certain security difficulties Debugging is a challenging task When utilizing AJAX-enabled pages, there is an issue with the browser's back button Some disadvantages (Pradhan, 2021): A diverse set of plug-ins Developers may use jQuery to build plug-ins on top of the JavaScript library A sizable development community It comes with thorough documentation It is far more user-friendly than normal JavaScript and other JavaScript libraries jQuery makes it simple for users to create Ajax templates Ajax allows for a more streamlined interface in which actions may be done on sites without requiring the full page to be refreshed Because of its lightweight and robust chaining features, jQuery is more powerful While jQuery has a large library, depending on how much customization you need on your website, the capability may be restricted, necessitating the use of raw JavaScript in some circumstances While the size of the jQuery JavaScript file is very tiny (25-100KB depending on the server), it is still a load on the client computer and maybe your web server if you wish to host the jQuery script on your web server 42 Downloaded by Tuan Nguyen Trinh (atuan9591@gmail.com) lOMoARcPSD|15273161 VIII Reasonable judgments regard to chosen topic After analyzing the advantages and disadvantages of tools and techniques that help programmers build a website, I can choose the Visual Studio Code and Bootstrap tools and PHP, CSS, and HTML techniques to help me build my commercial custom-built website In my custom-built website, Visual Studio Code is a tool that was chosen to build my commercial website First of all, multiple programming languages are supported This also implies that if there is a mistake or a cross-language reference, it will be detectable Moreover, web application support is already built-in VS Code As a result, web applications may be created and maintained in VSC Another reason that cannot be forgotten is that VS Code has cross-platform support As we all know, the program is used to support either Windows or Linux, or Mac Systems, but Visual Studio Code can work on all those platforms I can transfer data written on VS Code to any device that does not care about any errors The last reason is that it can open multi-projects Various projects with multiple files and directories can be opened at the same time These projects/folders might be connected or unrelated to one another that I can work on many things at one time A bootstrap is a tool that helps me complete the HTML code fast and smoothly Because of its framework, I can build my website with BootstrapCDN and a template beginning page, I can create responsive, mobile-first websites Besides, Bootstrap documentation help me a lot of time to find and create my code About the PHP technique, it has a lot of advantages that suitably with my website To start with the flexibility, PHP allows easy interaction with a variety of computer languages, allowing the software to use the most appropriate technology for each functionality Then, over the previous several years, it has been more stable as a result of the assistance of providing ongoing maintenance to various versions Especially, because PHP is basic and simple to operate, it is a suitable newbie like me to the reduced learning curve CSS is another technique that I chose to build my website Because CSS modifications are device-friendly, responsive web design is required since guests view websites on the internet using a range of smart devices Besides, these bandwidth savings are reflected by a huge number of insignificant tags that seem like a mess of pages The last one is that I can easily change the web page when I want to back up the website to a new style Especially, HTML is a basic thing that helps me build my website It is the base that I can use to integrate with other languages like CSS, JavaScript, etc It cannot be forgotten that HTML is supported by all browsers so that I can not worry about the conflict between browsers and operations Taking everything into conclusion, those chosen tools and techniques can help me a lot to build my commercial website because of its benefits 43 Downloaded by Tuan Nguyen Trinh (atuan9591@gmail.com) lOMoARcPSD|15273161 References Admin, 2017 WeblinkIndia.Net [Online] Available at: https://www.weblinkindia.net/blog/static-vs-dynamic-website-advantages-disadvantages [Accessed 18 December 2021] Agarwal, P., 2020 GeeksforGeeks [Online] Available at: https://www.geeksforgeeks.org/advantages-and-disadvantages-of-css/ [Accessed 14 December 2021] Agarwal, P., 2021 GeeksforGeeks [Online] Available at: https://www.geeksforgeeks.org/advantages-and-disadvantages-of-javascript/ [Accessed 14 December 2021] Agarwal, P., 2021 GeeksforGeeks [Online] Available at: https://www.geeksforgeeks.org/advantages-and-disadvanatges-of-html/ [Accessed 14 December 2021] Agarwal, P., 2021 GeeksforGeeks [Online] Available at: https://www.geeksforgeeks.org/advantages-and-disadvantages-of-php/ [Accessed 14 December 2021] Bhardwaj, A., 2021 oodlesERP [Online] Available at: https://erpsolutions.oodles.io/blog/web-development-frameworks-benefits/ [Accessed 15 December 2021] CDNetworks, 2021 CDNetworks [Online] Available at: https://www.cdnetworks.com/web-performance-blog/what-is-a-dns-server/ [Accessed 02 December 2021] CLOUDFLARE, 2021 CLOUDFLARE [Online] Available at: https://www.cloudflare.com/learning/dns/dns-server-types/ [Accessed 15 December 2021] CompTIA, 2021 CompTIA [Online] Available at: https://www.comptia.org/content/guides/what-is-a-network-protocol [Accessed 02 December 2021] Computer Hope, 2021 Computer Hope [Online] Available at: https://www.computerhope.com/jargon/s/searengi.htm [Accessed 13 December 2021] DomainTools, 2021 DomainTools [Online] Available at: https://www.domaintools.com/support/what-is-a-domain-name-and-what-does-it-do# [Accessed 02 December 2021] Flynn, C., 2015 DIFFERENTIAL [Online] Available at: https://www.differential.com/posts/14-technologies-every-web-developer-should-be-able-toexplain/ [Accessed 10 December 2021] GeeksforGeeks, 2020 GeeksforGeeks [Online] Available at: https://www.geeksforgeeks.org/tcp-ip-model/?ref=gcse [Accessed 18 December 2021] 44 Downloaded by Tuan Nguyen Trinh (atuan9591@gmail.com) lOMoARcPSD|15273161 GeeksforGeeks, 2021 GeeksforGeeks [Online] Available at: https://www.geeksforgeeks.org/web-technology/ [Accessed 10 December 2021] Grappone, J & Couzin, G., 2011 Search Engine Optimization (SEO): An Hour a Day 3rd ed London: Sybex Gupta, V., 2019 GeeksforGeeks [Online] Available at: https://www.geeksforgeeks.org/web-server-and-its-type/?ref=gcse [Accessed 18 December 2021] Khillar, S., 2018 DifferenceBetween.net [Online] Available at: http://www.differencebetween.net/technology/difference-between-frontend-and-backend/ [Accessed 10 December 2021] Lischer, B., 2021 ignyte [Online] Available at: https://www.ignytebrands.com/custom-website-vs-template-website/ [Accessed 15 December 2021] McAnulty, B., 2021 TrustRadius [Online] Available at: https://www.trustradius.com/reviews/sublime-text-2021-04-06-15-28-35 [Accessed 13 December 2021] MDN contributors, 2021 MDN Web Docs [Online] Available at: https://developer.mozilla.org/en-US/docs/Learn/Common_questions/What_is_a_web_server [Accessed 10 December 2021] Mihiranga, T., 2021 TrustRadius [Online] Available at: https://www.trustradius.com/reviews/microsoft-visual-studio-code-2021-10-14-16-13-17 [Accessed 13 December 2021] Milligan, A., 2020 Semrush Blog [Online] Available at: https://www.semrush.com/blog/improveseo/?kw=&cmp=AA_SRCH_DSA_Blog_Core_BU_EN&label=dsa_pagefeed&Network=g&Device=c&utm _content=515715584328&kwid=dsa1053501806547&cmpid=12565136841&agpid=119030063506&BU=Core&extid=203772963567&adpos= &gclid=Cj0KCQiA2NaNBh [Accessed 13 December 2021] MND Web Docs, 2021 MND Web Docs [Online] Available at: https://developer.mozilla.org/enUS/docs/Learn/Getting_started_with_the_web/How_the_Web_works?retiredLocale=vi [Accessed 15 December 2021] Moore, J., 2020 TechTarget [Online] Available at: https://searchdatacenter.techtarget.com/Server-hardware-guide-to-architecture-products-andmanagement [Accessed 02 December 2021] Nick, 2020 NERD.VISION [Online] Available at: https://www.nerd.vision/post/pros-and-cons-of-frameworks-in-web-development [Accessed 12 December 2021] 45 Downloaded by Tuan Nguyen Trinh (atuan9591@gmail.com) lOMoARcPSD|15273161 Patel, J., 2021 Monocubed [Online] Available at: https://www.monocubed.com/10-most-popular-web-frameworks/ [Accessed 12 December 2021] Pradhan, S., 2021 GeeksforGeeks [Online] Available at: https://www.geeksforgeeks.org/jquery-introduction/?ref=gcse [Accessed 14 December 2021] Singh, A., 2021 GeeksforGeeks [Online] Available at: https://www.geeksforgeeks.org/functions-of-operating-system/ [Accessed 02 December 2021] Singh, M K., 2020 GeeksforGeeks [Online] Available at: https://www.geeksforgeeks.org/difference-between-static-and-dynamic-web-pages/ [Accessed 18 December 2021] Sourabh, 2021 GeeksforGeeks [Online] Available at: https://www.geeksforgeeks.org/ajax-introduction/ [Accessed 14 December 2021] tutorialspoint, 2015 tutorialspoint [Online] Available at: https://www.tutorialspoint.com/wordpress/wordpress_overview.htm [Accessed 10 December 2021] tutorialspoint, 2021 tutorialspoint [Online] Available at: https://www.tutorialspoint.com/php/php_introduction.htm [Accessed 18 December 2021] tutorialspoint, 2021 tutorialspoint [Online] Available at: https://www.tutorialspoint.com/javascript/javascript_overview.htm [Accessed 18 December 2021] Verified User, 2019 TrustRadius [Online] Available at: https://www.trustradius.com/reviews/netbeans-2019-11-05-15-53-29 [Accessed 13 December 2021] Wallis, J., 2020 WEBO Digital [Online] Available at: https://webo.digital/blog/custom-built-vs-template-websites-which-is-better/ [Accessed 15 December 2021] WIX, 2021 WIX [Online] Available at: https://www.wix.com/about/us [Accessed 10 December 2021] 46 Downloaded by Tuan Nguyen Trinh (atuan9591@gmail.com) Powered by TCPDF (www.tcpdf.org) lOMoARcPSD|15273161 Index of comments 2.1 Strengths: + You have a list of references + You have an interesting discussion regarding the differences between online website builders and custom made websites in terms of design flexibility, performance, functionality, User Experience (UX), and User Interface (UI) + You have discuss the capabilities and relationships between front-end and back-end website technologies and explain how these relate to presentation and application layers + Evaluate the impact of common web development technologies and frameworks with regards to website design, functionality and management Evaluate the impact of common web development technologies and frameworks with regards to website design, functionality and management 2.2 Distinction 2.3 Trung-Viet Nguyen 2.4 24/12/2021 Downloaded by Tuan Nguyen Trinh (atuan9591@gmail.com) Powered by TCPDF (www.tcpdf.org) ... Development: Web development is the process of designing, developing, and managing websites Web design, web publishing, web development, and database administration are all included It is the development. .. lOMoARcPSD|15273161 These are some of the benefits and drawbacks of both dynamic and static websites The usefulness and resourcefulness of both sorts of websites are determined by individual demands and. .. need a greater amount of time to design and money to design d Conclusion After considering the benefits and drawbacks of both dynamic and static websites, it is possible to conclude that a dynamic