1.
2013
~
for Web Developers
@kevinderudder

2.
@kevinderudder working for
eGuidelines and a lecturer at the
Technical University of West Flanders.
Contact me on kevin@e-guidelines.be

3.
Delivers the BEST FRONT-END and
BACK-END developers
HIRE THEM

4.
2013
~
for Web Developers
@kevinderudder

5.
Building Web Apps with
~
2 013
@kevinderudder

6.
Building Web Apps with
~
?
@kevinderudder

7.
The Tools
Sublime text
NetBeans
Komodo
Dreamweaver
Visual Studio
WebMatrix
PHP Storm
Web Storm
UltraEdit
Aptana
Textpad
Eclipse

8.
To make a choice I tested some of these tools

9.
The Tools
Sublime text
Visual Studio
Web Storm
Brackets

10.
good
IDE?
Intellisense
Productivity
Newest features
More than just an editor

11.
INSTALLING THE TOOLS

12.
INTELLISENSE

13.
The Tools
Sublime text
Visual Studio
Web Storm
Brackets

14.
Intellisense Test
Ready with current standards

15.
The Tools
Visual Studio
Web Storm
Brackets

16.
Intellisense Test
Ready with future standards

17.
Intellisense Test
Make a compiler

18.
var $data = [
{
version: 0,
name: '',
args: [],
code: 'console.log("hello "+ visug);'
}, {
version: 0,
name: '',
args: ['world'],
code: 'setInterval($get(0, $compiler),
100);'
}
];
function $get(fid, compile) {
var func = null;

19.
The Tools
Visual Studio
Web Storm

20.
Productivity and working
with teammates

21.
Conclusion

22.
WINNERS OF THE TEST
Visual Studio
Web Storm

23.
NO WAY,
There so many extra features in VS2013
that makes it the best WEB tool out there

24.
AND YES
Some features are coming from the other tools

25.
DEMO
BACKEND + CLIENT
ASP.NET MVC
ASP.NET Web API
HTML
CSS
JavaScript

26.
Browser link

27.
This is where the big boy gets separated
from the small ones

28.
With Browser Link the impossible
gets possible

29.
Browser Link
• Communication between VS2013 and Browsers
• Via SignalR
• Extra JavaScript generated to make the magic work

30.
Thank you!!
Questions??

31.
@kevinderudder