Web fundamentals 2
-
Upload
bozhidar-boshnakov -
Category
Software
-
view
323 -
download
2
Transcript of Web fundamentals 2
![Page 1: Web fundamentals 2](https://reader033.fdocuments.in/reader033/viewer/2022061512/58f0f1e41a28ab5a548b456b/html5/thumbnails/1.jpg)
Web fundamentals part 2
Bozhidar BoshnakovIvaiylo Kadiyski
FFW
This presentation and its contents are property of FFW.
![Page 2: Web fundamentals 2](https://reader033.fdocuments.in/reader033/viewer/2022061512/58f0f1e41a28ab5a548b456b/html5/thumbnails/2.jpg)
Today’s Agenda0102030405
Part 1 recapDatabasesCMS – Content Management SystemsWeb developer toolsQ&A
![Page 3: Web fundamentals 2](https://reader033.fdocuments.in/reader033/viewer/2022061512/58f0f1e41a28ab5a548b456b/html5/thumbnails/3.jpg)
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?
![Page 4: Web fundamentals 2](https://reader033.fdocuments.in/reader033/viewer/2022061512/58f0f1e41a28ab5a548b456b/html5/thumbnails/4.jpg)
Databases
![Page 5: Web fundamentals 2](https://reader033.fdocuments.in/reader033/viewer/2022061512/58f0f1e41a28ab5a548b456b/html5/thumbnails/5.jpg)
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.
![Page 6: Web fundamentals 2](https://reader033.fdocuments.in/reader033/viewer/2022061512/58f0f1e41a28ab5a548b456b/html5/thumbnails/6.jpg)
DBMS Types>Hierarchical>Network>Relational – SQL>Object oriented
![Page 7: Web fundamentals 2](https://reader033.fdocuments.in/reader033/viewer/2022061512/58f0f1e41a28ab5a548b456b/html5/thumbnails/7.jpg)
Structured Query Language(SQL) based DBMSMySQL, SQL Server, Access, Oracle…
![Page 8: Web fundamentals 2](https://reader033.fdocuments.in/reader033/viewer/2022061512/58f0f1e41a28ab5a548b456b/html5/thumbnails/8.jpg)
MySQL commands (example)SELECT * FROM pmg WHERE teacher = ‘Galq Nedelcheva’;
id student teacher
1 Pesho Peshev Ivan Ivanov
2 Gosho Goshev Galq Nedelcheva
![Page 9: Web fundamentals 2](https://reader033.fdocuments.in/reader033/viewer/2022061512/58f0f1e41a28ab5a548b456b/html5/thumbnails/9.jpg)
Content Management Systems - CMS
![Page 10: Web fundamentals 2](https://reader033.fdocuments.in/reader033/viewer/2022061512/58f0f1e41a28ab5a548b456b/html5/thumbnails/10.jpg)
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
![Page 11: Web fundamentals 2](https://reader033.fdocuments.in/reader033/viewer/2022061512/58f0f1e41a28ab5a548b456b/html5/thumbnails/11.jpg)
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.
![Page 12: Web fundamentals 2](https://reader033.fdocuments.in/reader033/viewer/2022061512/58f0f1e41a28ab5a548b456b/html5/thumbnails/12.jpg)
WEB CMS - OVERVIEW 2015
![Page 13: Web fundamentals 2](https://reader033.fdocuments.in/reader033/viewer/2022061512/58f0f1e41a28ab5a548b456b/html5/thumbnails/13.jpg)
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 %
![Page 14: Web fundamentals 2](https://reader033.fdocuments.in/reader033/viewer/2022061512/58f0f1e41a28ab5a548b456b/html5/thumbnails/14.jpg)
Web developer tools
![Page 15: Web fundamentals 2](https://reader033.fdocuments.in/reader033/viewer/2022061512/58f0f1e41a28ab5a548b456b/html5/thumbnails/15.jpg)
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.
![Page 16: Web fundamentals 2](https://reader033.fdocuments.in/reader033/viewer/2022061512/58f0f1e41a28ab5a548b456b/html5/thumbnails/16.jpg)
Chrome DevTools (F12)
![Page 17: Web fundamentals 2](https://reader033.fdocuments.in/reader033/viewer/2022061512/58f0f1e41a28ab5a548b456b/html5/thumbnails/17.jpg)
Firefox - Firebug
![Page 18: Web fundamentals 2](https://reader033.fdocuments.in/reader033/viewer/2022061512/58f0f1e41a28ab5a548b456b/html5/thumbnails/18.jpg)
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
![Page 19: Web fundamentals 2](https://reader033.fdocuments.in/reader033/viewer/2022061512/58f0f1e41a28ab5a548b456b/html5/thumbnails/19.jpg)
Any questions?
![Page 20: Web fundamentals 2](https://reader033.fdocuments.in/reader033/viewer/2022061512/58f0f1e41a28ab5a548b456b/html5/thumbnails/20.jpg)
Thank you!