Web fundamentals part 2

Bozhidar BoshnakovIvaiylo Kadiyski

FFW

This presentation and its contents are property of FFW.

Today’s Agenda0102030405

Part 1 recapDatabasesCMS – Content Management SystemsWeb developer toolsQ&A

Do you remember?0102030405

What is cache?How do you refresh the browser cache in Windows OS?What are the most commonly used HTTP requests/respond methodsWhy POST HTTP method is slower than GET?What are layout engines?

Databases

DatabasesA database is an organized collection of data.Database management systems(DBMS) are computer software applications that interact with the user, other applications, and the database itself to capture and analyze data.

DBMS Types>Hierarchical>Network>Relational – SQL>Object oriented

Structured Query Language(SQL) based DBMSMySQL, SQL Server, Access, Oracle…

MySQL commands (example)SELECT * FROM pmg WHERE teacher = ‘Galq Nedelcheva’;

id student teacher

1 Pesho Peshev Ivan Ivanov

2 Gosho Goshev Galq Nedelcheva

Content Management Systems - CMS

Content Management System - CMSA content management system (CMS) is a computer application that allows publishing, editing and modifying content, organizing, deleting as well as maintenance from a central interface

CMS has two main components:Content management application (CMA) is the front-end user interface that allows a user, even with limited expertise, to add, modify and remove content from a Web site without the intervention of a Webmaster.Content delivery application (CDA) compiles that information and updates the Web site.

WEB CMS - OVERVIEW 2015

Browsers usage 20162016 Chrome IE Firefox Safari Opera

April 70.4 % 5.8 % 17.5 % 3.7 % 1.3 %

March 69.9 % 6.1 % 17.8 % 3.6 % 1.3 %

February 69.0 % 6.2 % 18.6 % 3.7 % 1.3 %

January 68.4 % 6.2 % 18.8 % 3.7 % 1.4 %

Web developer tools

Web developer toolsDefinition: Tools used for testing and debugging the user interface of a website or web application. Web developer tools allow us to work with a variety of web technologies, including HTML, CSS, the DOM, JavaScript, and other components that are handled by the web browser.

Chrome DevTools (F12)

Firefox - Firebug

Resources http://whatis.techtarget.com/definition/proxy-serverhttp://www.evolutionoftheweb.com/Responsive: http://www.elegantthemes.com/blog/resources/web-design-trends-to-look-out-for-in-2015User agent strings: http://www.useragentstring.com/index.phphttp://vlaurie.com/computers2/Articles/protocol.htmhttp://en.wikipedia.org/wiki/Internet_protocol_suitehttp://skogberg.eu/ia/protstack.phphttp://code.tutsplus.com/tutorials/http-headers-for-dummies--net-8039http://en.wikipedia.org/wiki/SSH_File_Transfer_Protocolhttp://en.wikipedia.org/wiki/Varnish_%28software%29http://www.mysql.com/https://www.youtube.com/watch?v=FR4QIeZaPeMhttps://www.pantz.org/software/mysql/mysqlcommands.htmlhttp://qa.workingpropeople.com/http://en.wikipedia.org/wiki/Web_applicationhttp://en.wikipedia.org/wiki/Single-page_application

Any questions?

Thank you!