1. Front-end development iz
ugla .NET programera
Branko Radičević, @bradicev

2. O meni
• Microsoft & .NET
• 7+ godina razvoj
enterprise aplikacija
• ASP.NET MVC je zakon
• Uglavnom izbegavao
JavaScript

3. Pogled unapred
• Moja priča
• Kako početi?
• Zašto raditi na drugi
način?

4. • HTML
• CSS
• JavaScript
Šta je FE
development

5. • jQuery(“#id”).show()
• jQuery(“#id”).show(500)
Šta je FE
development

6. Prvo FE iskustvo
• Pre 2-3 godine
• Backbone, RequireJs,
Knockout
• MVC (Razor) je zakon,
JavaScript umire

7. Prvo pravo FE
iskustvo - Ryanair
• Angular
• NodeJs
• Gulp
• Bower
• NPM

8. Prvo pravo FE
iskustvo - Ryanair
• WebStorm
• ECMAScript 6
• GIT & Console
• Angular 2.0
• Karma/Jasmine

9. Programski jezik
• ECMAScript 6
• CoffeeScript
• TypeScript

10. Task Runner
• configuration vs code
• file based vs streaming

11. GULP
• gulp.task
• gulp.src
• gulp.dest
• gulp.watch
• https://goo.gl/kEqFna
JavaScript Build Automation With
Gulp.js – John Papa

12. GULP
gulp.task(‘minify', function() {
var stream = gulp.src('client/**/*.js')
.pipe(minify())
.pipe(gulp.dest('build'));
return stream;
});

13. GULP
• browser-sync
• gulp-inject
• wiredep
• gulp-sourcemaps
• gulp-git
• karma-coverage

14. Razvojno okruženje
• WebStorm
• Visual Studio
• Sublime Text
• VS Code

15. Visual Studio
• File > Open > Web Site
• Web Essentials
• Console Launcher

16. Version control
• GIT
• SVN
• TFS

17. Yeoman
• generator-hottowel
• generator-angular-
fullstack
• generator-m-ionic

18. Kako početi
• Izabrati razvojno
okruženje
• Izabrati Yeoman
template
• Počni da kodiraš
• Testiraj

19. Za kraj
• HTLM5 aplikacija
• FE alati i praksa
• Kako početi
• Moj pogled na FE
development pre i sad
• Zašto raditi na drugi
način?