Google Chrome presentation for GDG Algiers GDay 7th may, 2016

1. Google Chrome
@ham_ism
+hamisml
ismnoiet@gmail.com
What you need to know
Gday
07th
May 2016,ESI,Algiers

2. Nothing Special

3. What is Google Chrome
The console & Xpath.
Tabs rearrangement.
Awesome developer toolbox.
Responsive mode.
Workspace & sourceMaps.
Table of content

4. Google Chrome
What is Google Chrome ?
1
Google Chrome Canary

5. A convenient way to test and debug Javascript code, just type Ctrl+ shift + j
The Console
console.log('Hello GDG Algiers'); > Hello GDG Algiers
console.info('Is this this Gday'); > Is this this Gday
Console.log(“What's wrong!”); > What's wrong!
console.group('user UI'); > user UI
// ..some console.log here
console.groupEnd('user UI');
console.groupCollapsed('user UI'); > user UI
// ..some console.log here
console.groupEnd('user UI');
console.time('t1'); > x ms
// .. some code executed here
console.timeEnd('t1');
2

6. Rearrange your tabs the way you want it!
Tabs rearrangement
3

7. Select the color you want without using third-party extensions.
Awesome developer toolbox
4

8. Test your web app on every single device.
Responsive Mode
5

9. Workspace & SourceMaps
Production code
(.min.js, .min.css)
Original source code
(file1.js,file2.js, .style1.css, style2.css)
SourceMaps
6
Workspace update your assets on realtime in a binary direction.

10. Any Questions ?

11. +hamisml
ismnoiet@gmail.com
@ham_ism