2nd Prelim ICT Flashcards
(33 cards)
A non-profit organization that consists of an interactive learning web platform, an online community forum, and many more that intend to make learning web development accessible to anyone
FreeCodeCamps
When was FreeCodeCamp launched?
October 2014
The founder of FreeCodeCamp
Quincy Larson
A school director for six years before he started to learn to code so that he could create tools for making schools more efficient
Quincy Larson
A process of designing a single website to be used and compatible on different portable or handy electronic devices with different screen size, platform and orientation
Responsive Web Designing (RWD)
Depends on predefined screen sizing
Adoptive Web Designing (AWD)
Depends on flexible and fluid grids
Responsive Web Design (RWD)
Possesses a consistent and layered approach using scripting
Adoptive Web Designing (AWD)
Consists of a little more coding approach with fluid grids & CSS
Responsive Web Design (RWD)
Recommended for end users with a limited budget or limited device types and screen sizes
Adoptive Web Designing (AWD)
Recommended for end users for whom budget is no question and who need avariance of mobile devices for their application to be implemented
Responsive Web Design (RWD)
Website adjusts to any screen size, making it a good long term solution to UX with the current plethora of devices (including mobile/tablet hybrids).
User Experience (UX)
One complete view for all the traffic. To get insights on the mobile visitors, create a “mobile-only” segment
Analytics
One URL to accumulate all of the shares, likes, tweets, and inbound links
Sharing/Linking
Going with the advantage above, one URL accumulates all links, PageRank, Page Authority, etc.
SEO
RWD involves no redirects to take care of, no user-agent targeting
Development
Once your website is responsive, there’s very little maintenance involved, as opposed to up-keeping a separate mobile site
Maintenance
With a 1-to-1 relationship to the desktop site, mobile mimics the full site’s IA, reducing the learning curve to get accustomed to using the mobile version
Information Architecture (IA)
Grid-based layout is one of the cornerstones of responsive design
A flexible grid
Adapt your images or other media to load differently depending on the device, either by scaling or by using the CSS overflow property
Flexible images and media
You can use media queries to scope styles to specific
capabilities, applying different styles based on the capabilities that match your query
CSS3 media queries
A markup language that uses a special syntax or notation to describe the structure of a webpage to the browser
HTML
The building blocks of any webpage
HTML
Tells the browser how to display the text and other content that you write in HTML
CSS or Cascading Style Sheets