unit-5 Flashcards
- Serve up files to requesting computers
- Sometimes run on hardware
- Sometimes run on software
SERVER
Companies owned servers, called _______ ______
server farms
WEBSERVER SOFTWARE OPEN SOURCE
APACHE
NGINX
WEBSERVER SOFTWARE CLOSED SOURCE
ORACLE
MICROSOFT
IBM
- Display Web Pages
- Web Browsers: Firefox, Chrome, Safari, Edge
- Mobile Web Browsers
CLIENT
The ___ requests files from
the ____.
client, server
Stores your email on a server
Allows access from any device
Email looks the same
CLOUD-BASED EMAIL
CLOUD BASED-EMAIL EXAMPLES
DROP BOX
BOX
GOOGLE DRIVE
iCLOUD
ONEDRIVE
BROWSE, BUY, SELL PRODUCTS
CONNECTED TO THE INTERNET
USING A WEB BROWSER
EBAY
Designed for a specific OS
Coded using programming languages
Requires compiling
More expensive to build
Native App
Native App Examples
Google Play
App Store
Gmail
A _____ always runs through
a ______. There’s nothing
to download, to use it.
web app, web browser
Cheaper to build and maintain
Accessible to everyone
Dont work offline
WEB APPS
Anyone can build a _____.
WEB APP
RUN OFFLINE
USE COMMON INTERFACE ELEMENTS
INTUITIVE AND FAMILIAR
EXPENSIVE TO BUILD AND MAINTAIN
NATIVE APPS
Writes HTML, CSS, and JS standards which specify how the code should function.
WORLD WIDE WEB CONSORTIUM (W3C)
PLANNING AND PROTOTYPING
UX PROCESSIONAL
USER EXPERIENCE UX PROFESSIONAL
GENERALIST
SPECIALIST
Work with small businesses, start-ups, non profits
Work through entire UX process
Identify goals
Define audience
UX GENERALISTS
Focus on one UX area
Interested in classification, terms, organization
Some focus on user research, user testing, branding, content design, etc.
UX SPECIALISTS
UX professionals rarely ____, but should understand the coding process.
write code, coding process.
PROTOTYPING SOFTWARE
FIGMA
SKETCH
ADOBE XD
INVISION
BALSAMIQ
User Interface (UI) designers ___________________________.
focus their work on the front end.
UI JOB ROLES
UI Designer
Interaction Designer
Front End Designer
Front End Developer
Web Designer
UX RESEARCHERS
UI DESIGNERS
————–bridge—————
PROGRAMMING TEAM
- The process of creating a model of a future product.
- With each prototype, a round of user
testing is typically performed,
analyzed, and measured, and
changes are made.
PROTOTYPING
Drag and drop interface
Drag buttons, search boxes, nav bars, and more
Import graphics
Add links to screens
PROTOTYPING SOFTWARE
used for illustrations and logos
vector files
scalable vector graphics format SVG
graphics load quickly, small file size
ILLUSTRATOR
edit photographs
lay out webpages
raster files
gif, png, jpg format
PHOTOSHOP
THREE TECHNOLOGIES OF FRONT END
HTML, CSS, JS
all about elements. use the right element for structure
HTML
all about page structure
HTML
made up of opening and closing tags
HTML
It’s called attributes.
The ___ attribute stands for hyper text reference.
href
unstyled HTML comes from a ____
stylesheet
gives the overall look
CSS
is often contained in its own
separate document, which is linked to
your HTML page.
CSS
makes the webapage interactive
Javascript
Panels that expand and contract
Animations
Dropdowns and fade outs
Error checking
Infinite Scrolling
Javascript
scripting language invented in the mid-1990s by netscape. ______ was born on the web and continues to live there.
Javascript
VARIABLES
CONTROL STRUCTURES (IF/ELSE AND LOOPS)
DATA STRUCTURES (ARRAYS)
EXECUTES IN RESPONSE TO EVENTS (CLICK A BUTTON, A MODAL WINDOW OPENS)
JAVASCRIPT
Supporting Web Development
Technologies
VISUAL STUDIO CODE
ATOM
BRACKETS
SUBLIME TEXT
____ uses ____ to do versioning and file management, combined with web hosting for easy sharing.
Github, Git
______ are only visible to
the general public if their ________ is also accessible to the
public.
Websites, web server
web hosting where one web server has thousands of web hosting accounts located on it
shared hosting
scaled with your needs in the moment
pricing is generally tied to usage
Cloud Hosting
GOOD DOMAIN NAMES
easy to spell
easy to say
not too long
memorable
domain names may also be associated with ___
countries
DOMAIN ENDINGS
.education
.guide
.dev
.app
to purchase domain names, you will need to go to a domain name ______.
registar
No-code
front page - dreamweaver
Content Management System - Open source
JOOMLA, DRUPA, WORDPRESS
FREE SOFTWARE
INSTALL YOUR OWN WEB HOST
CONFIGURRABLE TO YOUR NEEDS
________ remains popular as a low-
code tool for building websites.
WordPress
BUILDING THE NEXT GENERATION OF WEBSITES
VENTURES CAPITAL FUNDING
OPENS WEB DEVELOPMENT TO MORE
THIRD WAVE OF NO CODE TOOLS
No-code and low-code solutions
are moving towards ________.
Professional
Development.
NOT EVERY PROBLEM ON THE WEB REQUIRES A _________________ SOLUTION.
CUSTOM-CODED
RELEASED IN EARLY 2000S
MANAGED LARGE AMOUNTS OF CONTENT
EASILY SET UP A BLOG
EDIT WEBSITES WITHOUT HTML KNOWLEDGE
JOOMLA!
WORDPRESS
DRUPAL
OTHERS: SQUARESPACE, WIX, WEEBLY
ADD COLLABORATORS TO EDIT
EXPORT CODE AS HTML, CSS AND JS
WEBFLOW
WORK WITH JS FRAMEWORK
CANT EXPORT CODE
EDITOR X
