Professional Documents
Culture Documents
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 Nhi
Grading grid
P1 P2 P3 P4 M1 M2 M3 D1
❒ Summative Feedback: ❒ Resubmission Feedback:
Table of Contents
I. DNS (P1).....................................................................................................................................................................5
1. Purpose of DNS.............................................................................................................................................. 5
2. DNS work......................................................................................................................................................... 5
3. Working principle of DNS........................................................................................................................... 6
4. Types................................................................................................................................................................. 6
5. The way domain names are organised................................................................................................... 7
II. Explain the purpose. (P2)...................................................................................................................................7
1. Communication protocols.......................................................................................................................... 7
a. Protocols function............................................................................................................................................................................................. 8
b. Some typical protocols.................................................................................................................................................................................... 9
c. Popular communication protocols............................................................................................................................................................. 9
2. Server hardware......................................................................................................................................... 11
a. Server hardware works............................................................................................................................................................................... 11
b. Server hardware components................................................................................................................................................................... 12
3. Operating systems..................................................................................................................................... 15
4. Web server software.................................................................................................................................. 17
a. How Web Server Works............................................................................................................................................................................... 17
b. Types of Web servers.................................................................................................................................................................................. 18
* Apache............................................................................................................................................................................................................. 18
* IIS...................................................................................................................................................................................................................... 19
* Nginx................................................................................................................................................................................................................ 20
5. Relationship................................................................................................................................................. 21
a. Communication protocol............................................................................................................................................................................. 21
b. Server Hardware............................................................................................................................................................................................ 21
c. Operating System............................................................................................................................................................................................ 21
d. Web server software..................................................................................................................................................................................... 21
III. Discuss the capabilities and relationships between front-end and back-end website
technologies (P3).....................................................................................................................................................22
1. Front-end...................................................................................................................................................... 22
a. Front-end Languages.................................................................................................................................................................................... 23
b. Front End Frameworks and Libraries.................................................................................................................................................... 25
2. Back-end....................................................................................................................................................... 27
a. Back-end Languages...................................................................................................................................................................................... 28
b. Back-end Frameworks................................................................................................................................................................................. 30
c. Relationships between front-end and back-end................................................................................................................................. 30
3. Explain how these relate to presentation and application layers................................................31
a. Protocols in the OSI model.......................................................................................................................................................................... 32
b. Roles and functions of layers..................................................................................................................................................................... 33
IV. Tools For Creating Online Website And Custom-Built Websites (P4).............................................37
1. Creating Online Website........................................................................................................................... 37
2. Custom-built websites............................................................................................................................... 42
3. Compare online website creation tools and custom-built websites............................................43
V. Common web development technologies and frameworks (M1).......................................................44
1. Front-end frameworks.............................................................................................................................. 44
2. Back-end frameworks............................................................................................................................... 47
3. Evaluating the effects of employing web frameworks on website design, functionality, and
maintenance.................................................................................................................................................... 50
a. The advantages of using frameworks..................................................................................................................................................... 50
b. The disadvantages of using frameworks............................................................................................................................................... 51
4. Conclusion.................................................................................................................................................... 52
VI. The Influence Of Search Engines On Website Performance (M2).....................................................52
1. Concept of search engine.......................................................................................................................... 52
a. Structure of Search Engine......................................................................................................................................................................... 53
b. The top Search Engines today................................................................................................................................................................... 54
2. Concept of SEO............................................................................................................................................. 57
a. Common types of SEO................................................................................................................................................................................... 57
b. SEO's advantages and disadvantages..................................................................................................................................................... 58
3. Technical solutions to improve website index based on SEO.........................................................58
VII. Evaluating A Range Of Tools And Techniques Available To Design And Develop A Custom-
Built Website (M3)..................................................................................................................................................59
1. Front End tools and techniques.............................................................................................................. 59
Sublime Text......................................................................................................................................................................................................... 59
HTML....................................................................................................................................................................................................................... 61
Visual Studio Code.............................................................................................................................................................................................. 62
2. Back End tools and techniques............................................................................................................... 62
PHP........................................................................................................................................................................................................................... 63
JavaScript............................................................................................................................................................................................................... 64
Python..................................................................................................................................................................................................................... 65
3. Database tools and techniques.............................................................................................................. 66
MySQL...................................................................................................................................................................................................................... 66
SQL............................................................................................................................................................................................................................ 67
4. IDE.................................................................................................................................................................. 68
5. CMS................................................................................................................................................................. 70
References..................................................................................................................................................................72
I. DNS (P1)
1. Purpose of DNS.
DNS (Domain Name System) or domain name resolution system is a system that makes it easier for
humans and computers to "connect" with each other (Because of their communication language).
Computers can only understand numerical sequences!) We are names and letters, and computers can only
understand numerical sequences. The technique aids in the conversion of domain names (hostnames) into
numerical strings that computers can comprehend.
Figure 1: DNS
The DNS server's job is to transform a domain name into an IP address. This is done by looking up the
requesting domain's DNS records. This DNS lookup process usually has eight steps that follow the
information stream from the originating web browser to the DNS server and back.
2. DNS work.
This DNS system has its own query structure that it uses to function.
4. Types.
In fact, the domain name system analysis system has around 4 communities with participating servers,
including:
Root Name Servers:
Name Server is another term for it. In the DNS hierarchy, this is the most important server. You
can also think of Root Name Server as a library that can help find what looking for.
Following the actual process, the Root Name Server will respond that it should look in certain top-
level domain name servers after receiving a request from the DNS Recursive Resolver ( TLD
Name Servers ).
DNS Recursor:
As previously said, this "hardware" serves as a diligent worker, obtaining and returning
information to the browser in order for them to find the information they require. To put it another
way, DNS Recursor is in charge of talking with other servers in order to react to a user's browser.
Of course, Root DNS Server will be required at times during the information gathering procedure.
TLD Nameserver:
One of the top-level domains is ".com." TLD Nameserver is the server for this type of top-level
domain. This is the person in charge of a common domain name extension's full information
system. The TLD Name Server receives responses from the DNS Resolver in order, then forwards
them to an Authoritative DNS Server - the official repository of that domain's data source.
Authoritative Nameserver:
The domain name resolving process begins when the DNS Resolver locates the Authoritative
Nameserver. The Authoritative Name Server, on the other hand, includes information about the
domain name's associated address. It will provide the relevant IP address from its records directory
to the Recursive Resolver.
5. The way domain names are organised.
The domain name is usually included in the URL. Labels are the components of a domain name. Each
domain hierarchy segment represents a subdivision and is read from right to left. The TLD appears after
the period in the domain name. There are various top-level domains to choose from, including.com,.org,
and.edu. Some domain extensions may reflect a country code or geographic region, such as.us for the
United States or.vn for Vietnam.
Each label on the left side of the TLD represents a different subdomain of the domain to the right. Each
label can have up to 63 characters, and subdomains can have up to 127 levels. It is possible to have a total
domain character length of up to 253 characters. Other rules prohibit the use of hyphens at the beginning
or end of labels, as well as the use of a fully numeric TLD name.
1. Communication protocols.
A communication protocol is a set of communication rules and practices. A protocol is a collection of
protocols for transmitting data between two computer systems or computing devices. The following are
the main components of a protocol:
Syntax: data format, encoding method and signal levels.
Direct or indirect information transmission between two entities is possible. Entities can communicate
information directly without the use of intermediate entities in two point-to-point connection systems.
Two entities communicate with each other via intermediate entities in the broadcast structure. When
entities do not share the same switching network and are indirectly connected across numerous subnets,
things get a lot more complicated.
a. Protocols function.
Encapsulation: Data packets are appended with certain control information during information
transmissions, such as source and destination addresses, error detection codes, and protocol
control.
Segmentation and aggregation: Communication networks accept only set packet sizes. Data must
be split into packets of a certain size by low-layer protocols. Segmentation is the term for this
procedure.
Link control: There are two types of information flow between entities: Connection-Oriented and
Connectionless.
Monitoring: PDU packets can travel over separate paths independently, arriving at their destination
in the same sequence as when they were sent. The packets must be monitored in the link-oriented
mode.
Flow control: Flow control is concerned with the receiver entity's ability to receive packets as well
as the amount or pace of data transmitted by the sending entity in order to avoid overloading the
receiver and assuring the greatest possible speed.
Error control: Error management is a crucial approach for preventing data loss or damage during
transmission.
Synchronization: Window size, binding parameters, and time value are parameters for state
variables and state definitions in protocol entities.
- Processor (CPU)
A server CPU is a high-performance processor with a large number of cores and threads. Simultaneously,
the CPU must be capable of providing greater support for server functionality. Socket 478, 775 should not
be used with Pentium 4, Pentium D, Dual-Core, Quadcore lines, or PCs and servers that use different
CPUs, primarily the Xeon series.
Figure 7: CPU
- Memory (RAM)
On the market, can find DDR RAM I, II with Bus 400, 800, etc. Actually, RAM for server is similar but
with ECC feature added.
ECC (Error Correction Code) RAM is a type of memory that may automatically fix errors by regulating
the data stream it accesses.
RAM ECC simply demands that the proper packet that crashed be present when a collision occurs.
Because ECC RAM offers such a high level of reliability, it will reduce risks and operational expenses.
When there is a single bit error during data processing, EEC prevents the machine from hanging and
dumping the blue screen.
Furthermore, these RAMs may be replaced without having to shut down the system if they get damaged.
However, in order to use this RAM, the motherboard must support the new RAM standard.
Figure 8: Ram
- Hard Drive (HDD)
The hard disk and its performance are usually a top priority when it comes to ensuring the ability to store
exceptionally large amounts of data. Dedicated hard drives for servers always have a far better storage
capacity and rotation speed than PC hard drives.
Server HDDs use SCSI or SAS (Serial Attached SCSI) interfaces, whereas PC HDDs use IDE, SATA I,
and SATA II interfaces. This interface features a larger bandwidth (600MB/s) and an almost 30% higher
rpm than the previous one (10,000RPM). Some modern SAS drives, in an instance, may spin up to 15,000
RPM to enhance data read/write performance.
* IIS
Today's most common web servers are Apache and Nginx. Internet Information Services (IIS, originally
Internet Information Server) is another Microsoft web server application that was initially released in
1995. Previously, Apache and IIS were two of the most used web servers on the Internet, but according to
a W3techs assessment, Microsoft-IIS has fallen to fourth place, behind Apache, Nginx, and Cloudflare
Server. To date, IIS has come out to version 10 (no IIS 9, same as Windows). IIS has been updated to
version 10 so far (no IIS 9, same as Windows).
Figure 16: Web server IIS
Advantages Disadvantages
- IIS has the ability to support outstanding - To use this software, users must purchase the
advantages, superior to competitors is the ability to appropriate Windows NT editions. Some versions
optimally support languages and frameworks like are free, so please take use of them.
Microsoft like ASP.NET or framework .NET - The IIS user community is smaller and less
because it owns all the features of IIS Window. supportive than those of competing web servers.
This is also why, since 2013, the number of users
accessing this web server has decreased.
Table 2: Pros and cons of IIS
* Nginx
Nginx is a popular open-source web server. Nginx was designed to serve HTTP web pages when it was
initially released. However, it is now utilized as a load balancer and reverses proxy for HTTP, TCP, and
UDP servers, as well as an email proxy (IMAP, POP3, and SMTP). Sysoev publicly released Nginx in
October 2004. An asynchronous event architecture is used by Nginx. Nginx becomes faster, more
scalable, and more dependable as a result of this feature. Because of its powerful ability to handle
thousands of concurrent connections, Nginx is already used by many high-traffic websites.
Figure 17: Nginx
Google, Netflix, Adobe, Cloudflare, WordPress, and a slew of other Internet titans use it. According to
W3techs, Nginx is used as a Web server by a large number of individuals, accounting for 42.1 percent of
all Web servers in the world.
Advantages Disadvantages
- NGINX manages incoming traffic by acting as a - Extensions are small modules used to customize
"relay" that allows HTTP servers to scale quickly. websites according to the developer's
This results in a quick and simple setup with no specifications. NGINX lacks the availability of
data misallocation and complete avoidance of a several modules/extensions; however, a few are
meltdown. available but are rarely required by the websites
- Despite concerns that it will disrupt, corrupt, or that use them.
cause malfunctions in other servers linked to it, - The NGINX web server lacks the community
users should not be afraid to use the NGINX support of competitors such as "Apache." It is
server. There are a number of "how-to" lessons more dependent on your level of expertise and the
available to assist users in learning how to use the NGINX use case. It, too, lacks proper
software effectively. documentation, unlike Apache web servers.
Table 3: Pros and cons of NGINX
5. Relationship
a. Communication protocol.
The protocol specifies communication rules, syntax, semantics, and synchronization, as well as error
recovery mechanisms. Hardware, software, or a combination of both can implement protocols.
b. Server Hardware.
Hardware refers to all of the physical objects that you can touch and see that are combined and made into
a single entity known as a Personal Computer (PC). In this situation, it may be a laptop or even your
smartphone.
c. Operating System.
The operating system (OS) is the software that runs on top of the hardware. The operating system (OS) is
the software that provides you with an interface via which you may communicate with the hardware. Of
course, there's more to it than that. The OS communicates with the kernel through device drivers, which
deliver "commands" to the hardware to do the tasks you desire.
1. Front-end
The front end of a website is the section that the user interacts with directly. It's also referred to as the
application's 'client-side.' It features text colors and styles, photos, graphs and tables, buttons, colors, and a
navigation menu that users interact with directly.
a. Front-end Languages
The front end is made up of several languages, which are explained below:
HTML: HTML stands for Hypertext Markup Language. It is a markup language that is used to
design the front-end portion of web pages. HTML is a markup language that combines hypertext
with markup. The term "hypertext" refers to the link between web pages. Within the tag that
specifies the structure of web pages, the markup language is used to create the text documentation.
CSS: CSS (Cascading Style Sheets) is a simple language that was created to make the process of
making web pages presentable easier. Styles can be applied to web pages using CSS. More
crucially, CSS allows you to do so without having to worry about the HTML code that makes up
each web page.
Figure 22: CSS
JavaScript: JavaScript is a well-known programming language that is used to do magic on
websites in order to make them more interactive for users. It's used to make a website more
functional by allowing exciting games and web-based software to operate on it.
Bootstrap: Bootstrap is a toolkit for building responsive websites and web applications that is
free and open-source. It is the most widely used HTML, CSS, and JavaScript framework for
creating mobile-first, responsive websites.
Figure 26: Bootstrap
jQuery: jQuery is a free JavaScript framework that makes it easier to deal with HTML/CSS
documents, specifically the Document Object Model (DOM), and JavaScript. jQuery simplifies
HTML document traversal and manipulation, browser event handling, DOM animations, Ajax
interactions, and cross-browser JavaScript programming, to name a few things.
2. Back-end
The backend of a website is known as the backend. It organizes and stores data, as well as ensures that
everything on the client-side of the website functions properly. It's the section of the website you can't see
or interact with. It's the part of the software that doesn't interact with users directly.
a. Back-end Languages
The back end is made up of several languages, which are explained below:
PHP: PHP is a server-side programming language that was created with web development in
mind. PHP is referred to as a server-side scripting language since its code is executed on the
server.
Java: Java is a computer language and platform that is quite popular and widely utilized. It has a
lot of scalabilities. Components for Java are widely accessible.
Figure 33: Java
Python: Python is a programming language that allows the user to access more quickly and
efficiently with systems.
Node.js: Node.js is a cross-platform runtime environment for executing JavaScript code outside
of a browser that is open-source. It's important to realize that NodeJS isn't a framework or a
programming language. The majority of folks are perplexed and believe it is a framework or
programming language. We frequently utilize Node.js to create back-end services such as APIs,
Web Apps, and Mobile Apps. Paypal, Uber, Netflix, Walmart, and other significant corporations
use it in their production.
b. Back-end Frameworks
The list of back-end frameworks are: Express, Django, Rails, Laravel, Spring, etc.
The other back-end program/scripting languages are C#, Ruby, REST, GO, etc.
Physical Layer
The physical layer is the bottom layer of the OSI model's seven layers. Layer entities communicate
with one another via a physical connection. The physical layer specifies the electrical, mechanical,
and optical functions and procedures that are used to enable, maintain, and release physical
connections between network systems. Provide electrical mechanisms, functions, procedures, and
so on to perform the physical connection of network elements into a system. Ensures that the
switching requirements are met in order to generate real paths for information bit sequences. The
physical layer's standards define the user interface and the network environment. Physical layer
protocols are classified into two types: asynchronous and synchronous.
WIx ADI: is a website building platform that uses Artificial Intelligence to allow users to create
websites in minutes. Just answer a few questions about what kind of site a website needs, the
features it needs, and the theme it wants.
Figure 50: WIx ADI
WIx Editor: is a unique approach to website presence. Users have complete control over the
construction process and can create a completely new design from scratch or manually customize an
existing template. While it lacks an AI-based algorithm, the editor includes drag-and-drop
functionality that makes creating websites a breeze.
Advantages Disadvantages
- WIX's extremely simple drag-and-drop operation - WIX's free version, like most software today, has
is one of its most notable features. It makes editing limitations such as not allowing the use of its own
and designing websites easier, faster, and more domain name, displaying ads frequently, and
convenient thanks to intelligently integrated limiting important features.
features and tools.
- There are numerous designs available. There are - The paid plan is quite expensive, if want to use
approximately 510 website interfaces in many own domain name for website and use the
industries such as technology, e-commerce, upgraded features, have to pay to buy a domain
tourism, education, real estate... to help choose name on WIX.
freely with a sample warehouse.
- Maximum support. At the library, will find - Few applications are compatible. Although the
more than 300 apps, both free and premium. WIX platform supports over 500 apps, this number
For each feature, WIX has a "Help" button is still quite small when compared to the number
available to help users easily find out more of plugins available on WordPress.
information.
Table 5: Pros and cons of WIx
WordPress
WordPress is an open source blogging/website publishing system written in the PHP programming
language and using the MySQL database. WordPress is well-known for being the world's most popular,
free, and easy-to-use content management system (CMS).
On May 27, 2003, WordPress was officially released the first version by Matt Mullenweg and Mike Little.
Figure 53: WordPress interface early versions
Advantages Disadvantages
- Users do not need advanced programming - Installation is not simple, improper installation
knowledge to use WordPress because it is very can lead to many conflicts when using.
simple, easy to understand, and operate.
- All items such as posts, interface, settings, and so - Has low performance in handling large
on are organized in an easy-to-understand, databases, so it is not suitable for businesses with
scientific, and user-friendly manner. large server capacity.
- There are built-in tools to make website SEO
simpler and faster.
SquareSpace
Squarespace is a professional website builder that can assist in the creation of websites with a beautiful
interface and a plethora of basic features. Squarespace provides all of the tools and features needed to
build and design a website that is beautiful, elegant, and professional, with an intuitive, vibrant design.
Squarespace does not necessitate the use of an experienced individual or extensive programming
knowledge. All that is required is a basic understanding of how to use the user-friendly tools that they
provide. Squarespace provides a 14-day free trial to give user enough time and ability to learn the system
or experience Squarespace's features. It is then possible to determine whether it is appropriate or not.
Figure 54: SquareSpace
Advantages Disadvantages
- Good Website Speed - There is no free plan. Squarespace offers a 14-
day editor trial.
- The variety of models, with 67 models to choose - Complicated editor
from, is sure to pick up a few favorites.
- E-commerce friendly - Limited SEO Customization
- Great support service. To get in touch with - Not compatible with third-party CDNs (content
Squarespace, either email them at any time of the delivery networks)
day (or night) or reach out to them via Twitter.
Most importantly, they still have live chat support.
Table 7: Pros and cons of Squarespace
2. Custom-built websites
Custom-built websites are built through a series of programming procedures, with the end result being a
unique website user experience. Furthermore, designers can use their experience reacting to user input (or
any user action) to produce a wide range of results. With custom-built websites, have the freedom and
flexibility to design user interfaces that meet the needs of company and customers. A website with more
features and capabilities can offer more to users.
SEO is critical to a website's success. There are guidelines to follow when creating a website, and not all
themes can meet these criteria. For this reason uniquely fabricated sites are such a ton better; the engineer
can advance the site during improvement to permit Google and other web indexes to check each page and
give the end-client a more applicable query item, normally giving specially constructed destinations a
higher situation on the framework.
Figure 55: Custom-built websites
1. Front-end frameworks
React
Facebook developed and created the open-source framework React. According to the Stack Overflow
Developer's Survey 2021, this framework is the best UI framework for 2022, and it is used by the majority
of front-end developers.
Advantages Disadvantages
- Because of its refactoring services and improved - An angular complication is a type of
navigation, it makes coding easier. complication that occurs when there is a
- The component-based pattern of Angular - Legacy schemes are being migrated from
sanctions forms a user interface with single AngularJS to Angular.
components. - The documentation for the CLI is not well-
- An ecosystem that is large. defined.
- Material Design interface production is - The time spent learning.
reorganized with Angular Material.
- High Performance.
Table 10: Pros and cons of Angular
jQuery
In 2006, jQuery was one of the first frontend frameworks to be released. What sets it different, regardless
of its release date, is its importance in today's tech ecosystem. Not only does jQuery make it simple to use,
but it also eliminates the need to create complex JavaScript codes.
Sublime Text
Sublime Text is a cross-platform source code editor that uses the Python programming language as its
interface. Many developers use this application since it is both free and packed with useful support
features. It supports both programming and markup languages, allowing users to customize the plugin's
functionality as they see fit.
JavaScript
JavaScript is a dynamic programming language for computers. It is an extremely lightweight script that is
often used as part of web pages, allowing client-side script to interact with users and build dynamic pages.
It's an object-oriented programming language that can be interpreted.
Python
Python is an interpreted programming language established by Guido van Rossum in 1990. It is regarded
as a programming language with a highly attractive appearance, a simple structure, and is easy to learn for
beginners.
MySQL
MySQL is an open source relational database management system (RDBMS) that works in a client-server
format. RDBMS is an acronym for Relational Database Management System. MySQL, Apache, and PHP
are all interwoven. MySQL uses databases to manage data. Many relational tables holding data can be
found in a database. The SQL language has the same access and code as MySQL. In the 1990s, MySQL
was released.
SQL
SQL stands for Structured Query Language, which is a specialized computer language used to manage
relational databases and execute various operations on the data stored within. Most RDBMS (Relational
Database Management Systems) employ SQL as its standard language, including Oracle, Informix,
Posgres, SQL Server, MySQL, MS Access, and Sybase.
4. IDE.
IDE stands for Integrated Development Environment. An IDE is a software application that allows
programmers to design software in a complete manner.
5. CMS.
CMS stands for "Content Management System," which is a method for managing the content needed to
construct a website, such as graphics and text. CMS is simple to use even for individuals who are new to
web development and do not have considerable knowledge of HTML or CSS,...
Figure 1: DNS.................................................................................................................................................5
Figure 2: DNS works......................................................................................................................................5
Figure 3: Internet protocol..............................................................................................................................7
Figure 4: Server hardware............................................................................................................................10
Figure 5: Server board..................................................................................................................................11
Figure 6: CPU...............................................................................................................................................12
Figure 7: Ram...............................................................................................................................................12
Figure 8: Hard Drive.....................................................................................................................................13
Figure 9: Raid controller...............................................................................................................................13
Figure 10: Power Supply Unit......................................................................................................................14
Figure 11: Operating systems.......................................................................................................................14
Figure 12: Operating systems.......................................................................................................................15
Figure 13: Main components........................................................................................................................15
Figure 14: Functions of the operating system...............................................................................................16
Figure 15: Windows Server..........................................................................................................................17
Figure 16: Mac OS........................................................................................................................................18
Figure 17: Linux...........................................................................................................................................18
Figure 18: Web server..................................................................................................................................19
Figure 19: Web Server Works......................................................................................................................20
Figure 20: Web server Apache.....................................................................................................................20
Figure 21: Web server IIS.............................................................................................................................21
Figure 22: Nginx...........................................................................................................................................22
Figure 23: Front-end & Back-end.................................................................................................................24
Figure 24: Front-End developers..................................................................................................................24
Figure 25: Front-end programming language...............................................................................................25
Figure 26: HTML.........................................................................................................................................25
Figure 27: CSS..............................................................................................................................................26
Figure 28: Java Script...................................................................................................................................26
Figure 29: AngularJS....................................................................................................................................27
Figure 30: React.js........................................................................................................................................27
Figure 31: Bootstrap.....................................................................................................................................28
Figure 32: jQuery..........................................................................................................................................28
Figure 33: SASS...........................................................................................................................................28
Figure 34: Flutter..........................................................................................................................................29
Figure 35: Back-end developer.....................................................................................................................29
Figure 36: PHP.............................................................................................................................................30
Figure 37: C++..............................................................................................................................................30
Figure 38: Java..............................................................................................................................................31
Figure 39: Python.........................................................................................................................................31
Figure 40: Java Script...................................................................................................................................31
Figure 41: Node.js........................................................................................................................................32
Figure 42: Relationships between front-end and back-end..........................................................................33
Figure 43: OSI model...................................................................................................................................33
Figure 44: Connection-oriented....................................................................................................................34
Figure 45: Connectionless............................................................................................................................34
Figure 46: Application Layer........................................................................................................................35
Figure 47: Presentation Layer.......................................................................................................................35
Figure 48: Session Layer..............................................................................................................................36
Figure 49: Transport Layer...........................................................................................................................36
Figure 50: Network Layer............................................................................................................................37
Figure 51: Data Link Layer..........................................................................................................................37
Figure 52: Physical Layer.............................................................................................................................38
Figure 53: Sgin Up........................................................................................................................................40
Figure 54: Two options for building a website provided by Wix.................................................................40
Figure 55: WIx ADI......................................................................................................................................41
Figure 56: WIx Editor...................................................................................................................................41
Figure 57: WordPress...................................................................................................................................42
Figure 58: WordPress interface early versions.............................................................................................43
Figure 59: SquareSpace................................................................................................................................44
Figure 60: Custom-built websites.................................................................................................................45
Figure 61: ReactJS........................................................................................................................................46
Figure 62: Angular........................................................................................................................................47
Figure 63: jQuery..........................................................................................................................................48
Figure 64: Django.........................................................................................................................................49
Figure 65: Laravel.........................................................................................................................................50
Figure 66: Nodejs.........................................................................................................................................51
Figure 67: Search Engines............................................................................................................................54
Figure 68: Search Engine Global Search Market Share in 2014..................................................................55
Figure 69: Google Search.............................................................................................................................56
Figure 70: Yahoo! Search.............................................................................................................................57
Figure 71: Bing Search.................................................................................................................................57
Figure 72: Baidu Search...............................................................................................................................58
Figure 73: SEO.............................................................................................................................................59
Figure 74: Sublime Text...............................................................................................................................61
Figure 75: HTML.........................................................................................................................................63
Figure 76: Visual Studio Code.....................................................................................................................64
Figure 77: PHP.............................................................................................................................................65
Figure 78: JavaScript....................................................................................................................................66
Figure 79: Python.........................................................................................................................................67
Figure 80: MySQL........................................................................................................................................68
Figure 81: SQL.............................................................................................................................................69
Figure 82: IDE..............................................................................................................................................70
Figure 83: CMS............................................................................................................................................72