(PART 2): Web Development and Design Foundations with HTML5 by Terry Felke-Morris: Important Concepts you should learn about In Relation to Web Application Development
Write the value for the href attribute in an anchor tag that links an HTML file called "about". It's located in a folder that you don't know the name of; it's one directory level from the current page.
../about.html
Write the value for the href attribute in an anchor tag that links an HTML file called "about". It's located in a folder called "events". The current page you are on is located within another folder at the same directory level.
../events/about.html
List three different techniques used to test a website. Describe each technique in one or two sentences.
1. Accessibility testing, testing that involves ensuring your website meets the WCAG 2.1 Success Criteria that can be testing with various tools such as WebAIM Wave. 2. Usability testing, testing that involves users testing your website to see if the website is easy, efficient, and pleasant for your visitors. 3. Automated testing, testing tools that provide automated testing for various stuff such as spell-checking, accessibility testing, and code validation.
Name three common methods to display an SVG on a web page.
1. An img element with an .svg file as the src attribute value 2. A CSS background image 3. An svg element that contains the XML code for the SVG graphic
What are the three objects associated with a web page document?
1. Browser window 2. Document itself 3. Elements such as forms, images, and hyperlinks
What are the four common tasks you should focus on during the Design phase?
1. Choose a site organization: Common website organizational forms are hierarchical, linear, and random. Determine which is best for the project site and create a site map. 2. Design the prototype: As a starting point, sketch out the design on paper. Sometimes it's useful to sketch within an empty browser frame. Often, a graphics application is used to create sample web page mock-ups, or wireframes. These can be shown to clients as a prototype, or working model, of the system for approval. They can also be shown to focus groups for usability testing. 3. Design a page layout: Determine the visual aesthetic and layout with wireframes and sample page mock-ups. Items such as the site color scheme, the size of logo graphics, button graphics, and text should be determined. Using the page layout design and site map, create sample layouts for the home page and content pages. Use a graphic application to create mock-ups of these pages to get a good idea of how the site will function. 4. Document each page: While this may seem unnecessary, lack of content is a frequent cause of website project delays. Prepare a content sheet for each page, which describes the functionality of the document, text and graphic content requirements, source of content, and approver of content. Usually completed by the project manager, information architect or other analyst, graphic designer(s), senior web developer(s), and the client's marketing representative and related personnel. The site map and page design prototypes are usually approved by the client before the team can progress to the Production phase.
What are the eight phases of the web development cycle?
1. Conceptualization 2. Analysis 3. Design 4. Production 5. Testing 6. Launch 7. Maintenance 8. Evaluation
What are two components of HTML5 audio and video?
1. Container 2. Codec
What are the eight common tasks you should focus on during the Analysis phase?
1. Determine information topics: organize information to be presented on the site into categories and create a hierarchy; will be used later as a starting point for developing the site navigation 2. Determine functionality requirements: state what the site will do, not how it will do it 3. Determine environmental requirements: hardware, operating system, memory capacity, screen resolution, and bandwidth, will your site visitors use and what type of hardware and software requirements will the web server need 4. Determine content requirements: Does content already exist in another format (for example, brochures, catalogs, white papers)? Determine who is responsible for creating and repurposing the content for the site. Does the client company or marketing department have any content requirements that must be met? 5. Compare the old approach to the new approach: Perhaps you are not creating a new website, but modifying an existing one. What benefits or added value will the new version provide? 6. Review your competitors' sites: A careful review of your competitors' web presence will help you design a site that will stand out from the crowd and be more appealing to your shared customer base. Note the good and bad components of these sites. 7. Estimate costs: Create an estimate of the costs and time involved to create the site. A formal project plan is often created or modified at this point. Often, an application such as Microsoft Project is used to estimate costs and plan project schedules. 8. Do a cost/benefit analysis: Create a document that compares the costs and benefits of the site. Measurable benefits are the most useful and most appealing to clients. In a formal project environment, a document that details the results of this cost/benefit analysis must be approved by the client before the team can proceed. Usually completed by the project manager, information architect or other analyst, and the client's marketing representative and related personnel. The network administrator and database administrator may be interviewed depending on the scope of the project.
What are the three common tasks you should focus on during the Conceptualization phase?
1. Determine the site's intended audience and what their preferences are. 2. Determine the site's long-term and short-term goals or mission. Short-term ex: Publish a home page Long-term ex: 20% of the company's product sales to be made on the website or you may simply want a certain number of website visitors each month. Goals should be measurable. Decide how you will measure the success (or failure) of your website. 3. Determine the purpose of a site Determining the purpose and goals of a site is usually done with the cooperation of the client, project manager, and information architect. In a formal project environment, a document that details the results of this step is created and then approved by the client before development can proceed.
Name some of the new APIs introduced in the 11.10 section (four).
1. Geolocation API 2. Web storage API 3. Progressive web applications API 4. Two-dimensional drawing API
What are the four components that could be used to get a user's location via a geolocation API?
1. IP address 2. Wireless network connection 3. Local cell tower 4. GPS hardware
The jQuery API can be used to configure many interactive features, including (five):
1. Image slideshows 2. Animation (moving, hiding, fading) 3. Event handling (mouse movements and mouse clicking) 4. Document manipulation 5. Ajax
What are the six factors that affect the user's experience?
1. Intuitive design 2. Ease of learning 3. Efficiency of use 4. Memorability 5. Error Frequency and severity 6. Subjective satisfaction
Name three resources that provide JavaScript code and JavaScript tutorials on the Web.
1. JavaScript Tutorial: http://echoecho.com/javascript.html 2. Mozilla Developer Network JavaScript Guide: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide 3. JavaScript Tutorial: http://www.w3schools.com/JS Once you are comfortable with HTML and CSS, the JavaScript language is a good technology to learn as you continue your studies.
What are the 18 factors to consider when choosing a web host?
1. Operating System; Windows, Linux, UNIX 2. Web Server 3. Bandwidth; N GB per month or charge for overage 4. Technical Support; email, chat, forum, phone 5. Service Agreement; automatic monitoring, uptime guarantee 6. Disk space; N GB 7. Email 8. Uploading Files; FTP access, Web-based File Manager 9. Canned Scripts; Form processing 10. Scripting Support; PHP, .NET, other 11. Database Support; MySQL, SQL Server 12. E-commerce Packages 13. SSL; $N setup fee, $N per month 14. Scalability; scripting, database, E-commerce 15. Backups; daily, periodic, no backups 16. Site Statistics; raw log file, log reports, no log access 17. Domain name; Required to register with host, ok to register on your own 18. Price; $N setup fee, $N per month
What are the ten possible job roles needed for large projects in web development?
1. Project manager 2. Information architect 3. Marketing representative 4. Copywriter 5. Editor 6. Content manager 7. Graphic designer 8. Database administrator 9. Network administrator 10. Web developer/designer
What are other five development methodologies?
1. Prototyping 2. Spiral System Development 3. Joint Application Development (JAD) 4. Agile Software Development 5. Organization-specific Development Methodologies
What are some of the ways to provide audio and video to the user?
1. Provide a hyperlink; <a href="WDFpodcast.mp3">Podcast Episode 1</a> The plug-in for MP3 files installed on computer typically will display embedded in a new browser window or tab; can be downloaded by right clicking 2. <video> tag embedded in <source> tag 3. <audio> tag embedded in <source> tag
What are the six basic things JavaScript is used for?
1. Respond to events such as moving the mouse, clicking a button, and loading a web page. 2. Edit and verify information on HTML form controls such as text boxes, check boxes, and radio buttons 3. Pop-up windows, image slideshows, animation, date manipulation, and calculation 4. Creating web and mobile apps 5. Building web servers and developing server applications (Node.js) 6. Game development
What are the two ways to staffing a web project (or developing an entire website)?
1. Select your staff for the project (in-house hiring) 2. Outsource staff from another company (partially cover project or completely cover project); requires outsourced staff to be aware of project goals and deadlines
What are the four factors you should consider when selecting staff for a project?
1. Staff's work experience 2. Staff's portfolio 3. Staff's formal education 4. Staff's Industry certifications.
What are the five technologies utilized by Ajax to provide a better experience for web visitors and create interactive web applications?
1. Standards-based HTML and CSS 2. The Document Object Model 3. XML (and the related XSLT technology) 4. Asynchronous data retrieval using XMLHttpRequest 5. JavaScript Ajax resources: Getting Started with Ajax: https://www.alistapart.com/articles/gettingstartedwithajax Ajax Tutorial: http://www.tizag.com/ajaxTutorial
What are the five basic phases of the System Development Life Cycle (SDLC)?
1. Systems investigation 2. Systems analysis 3. Systems design 4. Systems implementation 5. Maintenance
List all the steps that a geolocation API typically goes through?
1. The browser will first confirm that your visitor wants to share their location. 2. Their location may be determined by the IP address, wireless network connection, local cell tower, or GPS hardware depending on the type of device and browser. JavaScript is used to work with the latitude and longitude coordinates provided by the browser.
Relative link
A link referencing its destination (href) relative to the current file's location. Used to link to files within the same website.
What are the three common tasks you should focus on during the Production phase?
All the previous work comes together (hopefully) in a usable and effective website. 1. Choose a web authoring tool: use of a web authoring tool, such as Adobe Dreamweaver, can greatly increase productivity. Specific productivity aids include designer notes, page templates, task management, and web page check-in and check-out to avoid overlapping page updates. 2. Organize your site files: Consider placing images and media in their own folder. Also, place server-side scripts in a separate folder. Determine naming conventions for web pages, images, and media. 3. Develop and individually test components: The graphic designers and web developers create and individually test their contributions to the site. As the images, web pages, and server-side scripting are developed, they are individually tested. This is called unit testing. On some projects, a senior web developer or the project manager will review the components for quality and standards compliance.
(True or False) Because JavaScript is interpreted by a browser, it is considered to be a programming language and not a client-side scripting language.
False
(True or False) Choosing the price for your web host provider should be the first thing you should focus on because of how important it is. Other factors such as the operating system that are arguably less important.
False
(True or False) Dedicated hosting is a great type of web host for small companies when they're starting out.
False
(True or False) Hosting fees vary widely. The cheapest hosting company is the one to use. Always consider using a free web hosting provider for a business website. Cheap is always good.
False
(True or False) It doesn't matter if you use lowercase and/or uppercase letters for file names, it doesn't affect the web host provider's operating system because all operating systems are case-insensitive.
False
(True or False) It's common practice to create a separate folder for images on a website. Avoid over organizing web pages by separating them into folders by purpose or subject.
False
(True or False) Knowing which operating system your web hosting provider uses is NOT important because all operating systems function the same.
False
(True or False) Large or small, developed in-house or outsourced, the success of a website project depends on skills and skills alone.
False
(True or False) Large-scale projects in web development are ALWAYS created by one or two people. Having anymore people would be ineffective and costly in both time and money.
False
(True or False) Most methodologies are unique and are not based on the System Development Life Cycle (SDLC).
False
(True or False) No JavaScript can be coded within HTML tags.
False
(True or False) Websites are often developed using the original System Development Life Cycle (SDLC) that is modified to apply to web projects. Large companies and web design firms usually use the original methodology for use on projects.
False
(True or False) The cost to register a domain name is always the same, but is quite reasonable.
False
Geolocation API
HTML5 API that allows website visitors to share their geographic location http://www.w3.org/TR/geolocation-API/
Web Storage API
HTML5 API that provides two new techniques to store information on the client: local storage and session storage; advantage to using this is the increase in the amount of data that can be stored (5MB per domain) http://www.w3.org/TR/webstorage
Explain why many different roles are needed on a large-scale web project.
It needs the special talents of a wide variety of individuals-including experts in graphics, organization, writing, marketing, coding, database administration, etc. One or two people simply cannot fulfill these roles and create a quality website. One person cannot take on many of the roles needed and still be efficient and provide high quality work for a company.
Usability testing
Testing how actual web page visitors use a website; can be conducted at any phase of a website's development and is often performed more than once Conducted by asking users to complete various tasks on a website, such as placing an order, looking up the phone number of a company, or finding a product. Exact tasks will vary depending on the website being tested. Users are monitored and recorded; asked to think out loud about their doubts and hesitations.
Accessibility testing
Testing to determine the ease by which users with disabilities can use a component or system; there are a variety of accessibility checkers available such as WebAIM Wave and ATRC AChecker
What are the six common tasks you should focus on during the Testing phase?
The components should be published to a test web server. This test web server should have the same operating system and web server software that the production (actual) web server will be using. 1. Test on different browsers and browser versions: It is very important to test your pages on commonly used browsers and versions of those browsers. 2. Test with different screen resolutions: The most commonly used screen resolutions at the time of this writing are 1366×768, 1920×1080, and 1024×768. Be sure to test your web pages on various resolutions—you might be surprised at the results. 3. Test using different bandwidths: Many people still use dial-up connections to access the Web. It is important to test your site on both slow and fast connections. Images that look great over your school's T3 line may load very slowly over a mobile hotspot. 4. Test from another location: Test your website using a computer other than the one the website was developed on, in order to simulate the web page visitor's experience more closely. 5. Test using mobile devices: Mobile use of the Web is increasing all the time—test your site on one or more of the currently popular smartphones. 6. Test, test, test: There is no such thing as too much testing. Humans make mistakes. It is much better for you and your team to find the errors than for your client to point them out to you when they review the website.
Describe the role of the project manager.
The role of the project manager is tooversee the website development process and coordinate team activities such as the project plan and schedule for everything. This individual is accountable for reaching project milestones and producing results. Excellent organizational, managerial, and communication skills are required.
Client-side scripting language
The source code is transferred from the web server to the users computer over the internet and run directly in the browser; source code that is interpreted by the client system (web browser)
(True or False) A crucial part of establishing an effective web presence is choosing a domain name; it serves to locate your website on the Internet.
True
(True or False) Ajax pushes more of the processing on the client (browser) using JavaScript and XML and often uses behind-the-scenes asynchronous requests to the server to refresh a portion of the browser display instead of the entire web page.
True
(True or False) Always consider using lowercase letters for file names as part of good practice and to ensure if you decide to use web host provider who's operating system is case sensitive with properly display your website.
True
(True or False) An unorganized website often contains a long list of files, which can become difficult to maintain over time.
True
(True or False) Because JavaScript is interpreted by a browser, it is considered to be a client-side scripting language and not a programming language.
True
(True or False) Before launching your website the client, whether a company or another department in your organization, needs to review and approve the test website before the files are published to the live site. Sometimes occurs face-to-face in a meeting, other times the test URL is given to the client and the client e-mails approval or requested changes.
True
(True or False) Choosing the most appropriate web hosting provider for your business or client could be one of the most important decisions you make. A good web hosting service will provide a robust, reliable home for your website. A poor web hosting service will be a source of problems and complaints.
True
(True or False) Choosing the price for your web host provider is the last thing you should focus on because there are other factors such as the operating system that are arguably more important.
True
(True or False) Commercial businesses should avoid the .org TLD, which is the first choice for nonprofit organizations.
True
(True or False) Domain names for traditional businesses and organizations are the foundation of the organization's web presence and should include the business name or purpose.
True
(True or False) Hosting fees vary widely. The cheapest hosting company is not necessarily the one to use. Never consider using a free web hosting provider for a business website.
True
(True or False) If usability testing is done early in the development phase of a website, it may use the paper page layouts and site map. If the development team is struggling with a design issue, sometimes a usability test can help to determine which design idea is the better choice. When usability is done during a later phase, such as the Testing phase, the actual website is tested.
True
(True or False) If your business or organization is new, then it's often convenient to select a domain name while you are deciding on a company name. If your organization is well established, choose a domain name that relates to your existing business presence.
True
(True or False) It's common practice to create a separate folder for images on a website. It's also a good idea to organize your web pages into folders by purpose or subject.
True
(True or False) It's easier for your visitors to remember a domain name that is short.
True
(True or False) It's important not to rely completely on automated tests—you'll want to review the pages yourself. Although an automated test can check for the presence of an existing item that is required, it cannot determine whether or not the value in the item is appropriate.
True
(True or False) It's perfectly okay to register a domain name even if you are not ready to publish your website immediately.
True
(True or False) JavaScript is used to work with the values stored in the localStorage and sessionStorage objects used with the web storage API.
True
(True or False) JavaScript statements can be coded directly in a web page within an HTML script element or placed in a separate file (with a .js extension) that is accessed by a web browser.
True
(True or False) Knowing which operating system your web hosting provider uses is important because it can help with troubleshooting your website. Different operating systems might treat your website differently and negatively affect your website.
True
(True or False) Large or small, developed in-house or outsourced, the success of a website project depends on planning and communication.
True
(True or False) Large-scale projects in web development are not created by only one or two people. They are created by a group of people working together as a team. Each member has a different job role, some or all members wear many hats and juggle their job roles.
True
(True or False) Most methodologies have their roots in the System Development Life Cycle (SDLC).
True
(True or False) SVG content is stored in the .svg file extension and can be interactive and animated.
True
(True or False) Some JavaScript also can be coded within HTML tags.
True
(True or False) The details element and summary element are used together to configure an interactive widget that will hide and show information.
True
(True or False) The key is that when using Ajax technology, JavaScript code (which runs on the client computer within the confines of the browser) can communicate directly with the server, exchanging data and modifying parts of the web page display without reloading the entire web page.
True
(True or False) There are web authoring applications such as Adobe Dreamweaver that provides functions such as spell-check, link checks, and load time calculations. There are other automated testing tools and validators available.
True
(True or False) Think of the list of keywords that a user might type into a search engine when looking for your type of business or organization. If possible work one or more keywords into your domain name but still keep it short as possible.
True
(True or False) Vector graphic shapes, images, and text objects can be included in an SVG, which can scale to increase or decrease in size without losing clarity and have a small file size.
True
(True or False) Virtual hosting is a great type of web host for small companies when they're starting out.
True
(True or False) Web developers have traditionally used the JavaScript cookie object to store information in key-value pairs on the client (the website visitor's computer).
True
(True or False) Websites are often developed using a variation of the System Development Life Cycle (SDLC) that is modified to apply to web projects. Large companies and web design firms usually create their own special methodology for use on projects.
True
(True or False) When you register a domain name, your contact information (your name, phone number, mailing address, and e-mail address) will be entered into the WHOIS database and is available to anyone unless you choose the option for private registration. There is a small annual fee for private registration.
True
(True or False) You can start researching trademarks at the USPTO Trademark Electronic Search System (TESS). http://tess2.uspto.gov. See https://www.uspto.gov for more information about trademarks.
True
(True or False) You can write the XML code for an SVG yourself, but it's common to use a vector graphics editor, such as Adobe Illustrator, Adobe Animate CC, open-source Inkscape (https://inkscape.org), or the online app http://editor.method.ac to generate an SVG file.
True
(True or False) jQuery is easier to learn and work with than writing your own JavaScript and it has compatibility with all current browsers. A basic understanding of JavaScript is needed to be efficient when using jQuery.
True
(True or False) Consider registering your domain name with other TLDs as well as .com (if a commercial website). TLDs you could register could .biz, .net, .us, .mobi, etc..
True
(True or False) Explore the way your potential domain name and keywords are already used on the Web by typing in potential domain names (and related words) into a search engine to see what may already exist.
True
(True or False) The cost to register a domain name varies, but is quite reasonable.
True
Web Application
a Web Site that can be written with HTML, CSS, and JavaScript; allows users to access and interact with software from any computer or device that is connected to the internet
Asynchronous JavaScript and XML (Ajax)
a coding technique used in interactive web applications to exchange small amounts of data as needed, so that the entire web page does not reload each time users request a change
Agile Software Development
a development methodology that is viewed as innovative in that it stresses responsiveness based on generating and sharing knowledge within a development team and with the client The philosophy emphasizes code over documentation and results in the project being developed in many small, iterative steps.
Test plan
a document that describes what will be tested on each page of a website
jQuery
a free and open source JavaScript library that is used by Web developers to navigate HTML documents, handle events, perform animations and add Ajax interactions to Web pages; can be extended by anyone
Web Development Cycle
a modified version of the System Development Life Cycle (SDLC) that's designed for web development; onsists of the following steps: Conceptualization, Analysis, Design, Production, Testing, Launch, Maintenance, and Evaluation.
System Development Life Cycle (SDLC)
a process that has been used for several decades to build large-scale information systems; comprises a set of phases, sometimes called steps or stages Each phase is usually completed before beginning the activities in the next phase. Depending on the scope and complexity of a particular project, some steps can be completed in a single meeting; other steps can take weeks or months.
Spiral System Development
a risk-driven software development process model; based on the unique risk patterns of a given project, the spiral model guides a team to adopt elements of one or more process models, such as incremental, waterfall, or evolutionary prototyping Excellent for very-large-scale or phased projects where it is important to reduce risk. Small portions of the project are completed one after another in a spiral system of development.
Application Programming Interface (API)
a set of routines, protocols, and tools for building software applications; a protocol that allows software components to communicate—interacting and sharing data
Methodology
a step-by-step plan that encompasses the life cycle of a project from start to finish; comprises a series of phases, each having specific activities and deliverables
Launch
a term used in web development the test website has been approved, it is published to your live production website
Native app
a type of application that must be built and distributed specifically for the platform it will be installed on; if needed on two different platforms two apps must be made
Joint Application Development (JAD)
a type of development methodology that involves focusing on group meetings and collaboration between the users and developers of a website or system It is generally used only with in-house development.
Prototyping
a type of development methodology that involves the process of building a model that demonstrates the features of a proposed product, service, or system to the client; it is continually revised by the developer until it is usable for the intended purpose
Organization-specific Development Methodologies
a type of development methodology that is developed by large companies and web development firms; it's their own version or interpretation of a site development methodology to be used for projects
Editor
a type of job role that involves a person to check the text for correct grammar and consistency
Information architect
a type of job role that involves a person to clarify the mission and goals of the site; assists in determining the functionality of the site; and is instrumental in defining the site organization, navigation, and labeling Web developers and/or the project manager sometimes take on this role.
Network administrator
a type of job role that involves a person to configure and maintain the web server, install and maintain system hardware and software, and control access security
Graphic designer
a type of job role that involves a person to determine the appropriate use of color and graphics on the site, designs wireframes and page layouts, creates logos and graphic images, and optimizes images for display on the Web
User Experience (UX) Designer
a type of job role that involves a person to focus on the user's interaction with the website; may be involved with prototypes, conduct usability testing, and in some cases may work with information architecture In a small project the project manager, web developer, or web designer may also take on this role.
Marketing representative
a type of job role that involves a person to handle the organization's marketing plan and goals; works with the web designers to create a web presence, or a look and feel, that aligns with the marketing goals of the organization Also helps to coordinate the website with other media used for marketing, such as print, radio, and television marketing.
Project manager
a type of job role that involves a person to oversee the website development process and coordinate team activities; creates the project plan and schedule This individual is accountable for reaching project milestones and producing results. Excellent organizational, managerial, and communication skills are required.
Content manager
a type of job role that involves a person to participate in the strategic and creative development and enhancement of the website; oversees changes in content The skill set of a successful content manager includes editing, copywriting, marketing, technology, and communications. The person in this dynamic job role must be able to facilitate change.
Copywriter
a type of job role that involves a person to prepare and evaluate copy; when material from existing brochures, newsletters, and white papers will be used on the website, it must be repurposed or reworked for the web media An editor may work with the copywriter to check the text for correct grammar and consistency.
Database administrator
a type of job role that involves a person who is needed if the site accesses information stored in databases; creates databases, creates procedures to maintain databases (including backup and recovery), and control access to databases
Back-end web developer
a type of job role that involves a person who may specialize in writing server-side scripting with database access
Web designer
a type of job role that involves a person who writes HTML and CSS code and may fulfill some graphic designer job duties, such as determining the appropriate use of color, designing wireframes and page layouts, creating logos and graphics, and optimizing images for display on the Web
Web developer (Front-end developer)
a type of job role that involves a person who writes HTML, CSS, and client-side scripting such as JavaScript
Virtual hosting (or shared hosting)
a type of web hosting that is a popular choice for small websites; web hosting provider's physical web server is divided into a number of virtual domains and multiple websites are set up on the same computer
Dedicated hosting
a type of web hosting that is the rental and exclusive use of a computer and connection to the Internet that is housed on the web hosting company's premises. A dedicated server is usually needed for a website that could have a considerable amount of traffic, such as tens of millions of hits a day. The server can usually be configured and operated remotely from the client's company, or you can pay the web hosting provider to administer it for you.
Co-Located hosting
a type of web hosting that uses a computer that your organization has purchased and configured. Your web server is housed and connected to the Internet at the web host's physical location, but your organization typically administers this computer.
Progressive Web Application (PWA)
a website that looks and behaves as if it is a mobile application but it is just a normal website; offers a rich experience similar to a native app on a mobile device
What are the eight factors you should consider when deciding what domain name you should have?
a. Describe your business b. Be brief, if possible c. Avoid hyphens (-); difficult to pronounce the name d. There's more than .com e. Brainstorm potential keywords f. Avoid trademarked words or phrases g. Know the territory h. Verify availability
Name three domain name registration services available.
a. Register.com: https://www.register.com b. Network Solutions: https://www.networksolutions.com c. GoDaddy.com: https://www.godaddy.com
What are the three types of web hosting you can choose from?
a. Virtual hosting (or shared hosting) b. Dedicated hosting c. Co-Located hosting
Trademark
according to U.S. Patent and Trademark Office (USPTO) it's a word, phrase, symbol, or design, or a combination of words, phrases, symbols, or designs, that identifies and distinguishes the source of the goods of one party from those of others
Manifest API
an API used to power PWAs that contains information about the PWA; including the data needed for the PWA's icon to be added to the home screen of a device https://www.w3.org/TR/appmanifest
Service Workers API
an API used to power PWAs that provides a way for websites to perform persistent background processing such as push notifications and background data syncing; JavaScript that runs in the background, separate from a web page, and listens for events such as install, activate, message, fetch, sync, and push. To provide more security, service workers must run over HTTPS. https://www.w3.org/TR/service-workers-1/
Canvas 2D Context API
an API used to provide a way to dynamically draw and transform lines, shapes, images, and text on web pages using JavaScript; also provides for interaction with actions taken by the user, like moving the mouse. Offers methods for two-dimensional (2D) bitmap drawing, including lines, strokes, arcs, fills, gradients, images, and text. You can also draw programmatically by writing JavaScript statements. http://www.w3.org/TR/2dcontext2
<details> tag
an HTML element who's purpose is to configure the browser to render an interactive widget which contains one summary element and detailed information which can be a combination of text and HTML tags Syntax: <details> <summary>Name displayed</summary> //Additional text or HTML tags </details>
<canvas> tag
an HTML5 element that is a container for dynamic graphics; configured with the Canvas 2D Context API Syntax: <canvas> //Optional attributes included but not limited to: width, height, id, class </canvas>
sessionStorage object
an object of the web storage API that stores data only for the duration of the current browser session
localStorage object
an object of the web storage API that stores data without an expiration date
JavaScript
an object-oriented, client-side computer scripting language interpreted by a web browser commonly used to create interactive effects within web browsers; considered object-based because it's used to manipulate the objects associated with a web page document: browser window, the document itself, and elements such as forms, images, and hyperlinks
Web hosting provider
an organization that offers storage for your website files along with the service of making them available on the internet; common to charge a setup fee in addition to the monthly hosting fee
Site maintenance
clients usually find many new uses for a website once they have one and request modifications, additions, and new sections; or perhaps they found errors or omissions that they your development team to fix. The project team identifies the new opportunity or enhancement and begins another loop through the development process. Sometimes updates to the site are small like a broken link or misspelling, who makes changes and who approves them is often a matter of company policy
<summary> tag
coded within the details element; an HTML element who's purpose of the summary element is to contain the text summary shown in the interactive widget Syntax: Syntax: <details> <summary>Name displayed</summary> //Additional text or HTML tags </details>
Scalable Vector Graphics (SVG)
defines vector-based graphics that can be embedded directly into a Web page; a markup language that describes vector-based, two-dimensional graphics in XML
Document Object Model (DOM)
describes a combination of HTML tags, CSS, and a scripting language such as JavaScript; defines every object and element on a web page; its hierarchical structure can be used to access page elements and apply styles to page elements
Container
designated by the file extension; the part of the file that determines the file type it is (.mp3, .mp4)
Private registration
domain name registration that shields your personal information from unwanted spam and curiosity seekers
Write the value for the href attribute in an anchor tag that links an HTML file called "index".
index.html
Domain name redirection
registering multiple domain names that point to the same website
Write the value for the href attribute in an anchor tag that links an HTML file called "contact". The HTML file is located within a folder called "rooms"; it's one directory level from the current page.
rooms/contact.html
Object-based
similar to object-oriented programming languages, but does not allow for inheritance from one class to another.
Domain name registrars
special organizations or companies that manage the registration of domain names
Unit testing
test individual units or pieces of code for a system; in web development images, web pages, and server-side scripting are tested individually
Script element
the HTML element in which statements written in a scripting language are placed; purpose to either contain scripting statements or to indicate a file that contains scripting statements Should be placed at the bottom right before the </body> tag.
Codec
the algorithm used to compress the media; not a single one of this is supported by popular browsers
Usability
the measure of the quality of a user's experience when interacting with a website; it's about making a website that is easy, efficient, and pleasant for your visitors
Evaluation Phase
the phase of the SDLC that focusses on reviewing the goals and determine whether your website meets them; if the goals are not met you consider how you can enhance the site and begin another loop through the development process
Browser window
the type of software you use to view things on the internet; the actual screen that the software displays everything on
User experience (UX)
the user's interaction with a product, application, or website