Part 1 recap Databases CMS – Content Management Systems Web developer tools

1. Web fundamentals part 2
Bozhidar Boshnakov
Ivaiylo Kadiyski
FFW
This presentation and its contents are property of FFW.

2. Today’s Agenda
01
02
03
04
05
Part 1 recap
Databases
CMS – Content Management Systems
Web developer tools
Q&A

3. Do you remember?
01
02
03
04
05
What is cache?
How do you refresh the browser cache in Windows OS?
What are the most commonly used HTTP requests/respond methods
Why POST HTTP method is slower than GET?
What are layout engines?

4. Databases

5. Databases
A 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.

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

7. Structured Query Language(SQL)
based DBMS
MySQL, SQL Server, Access, Oracle…

8. MySQL commands (example)
SELECT * FROM pmg WHERE teacher =
‘Galq Nedelcheva’;
id student teacher
1 Pesho Peshev Ivan Ivanov
2 Gosho Goshev Galq Nedelcheva

9. Content Management Systems -
CMS

10. Content Management System - CMS
A 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

11. 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.

12. WEB CMS - OVERVIEW 2015

13. Browsers usage 2016
2016 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 %

14. Web developer tools

15. Web developer tools
Definition: 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.

16. Chrome DevTools (F12)

17. Firefox - Firebug

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

19. Any questions?

20. Thank you!