Serious Frontend For Java Developers

Next batch

Coming soon

Seats left

Batch is full

Price

1790€ 1490€

Course

Serious Frontend For Java Developers

  • Learn the frontend using your Java knowledge
    • Understand what changes when moving from back-end to front-end systems
    • Understand the frontend environment and ecosystem (HTML, CSS, DOM, ...)
    • You will be able to start developing just after the course
  • Java to Typescript
    • Re-use all your Java 7/8 knowledge to master the Typescript language quickly and easily
    • Learn how classes, interfaces, and other constructs change when working on the forntend
    • Get familiar with the IDE and the tools to code comfortably like in Java
  • Eclipse/Intellij to Frontend Eclipse/Visual Studio Code/Webstorm
    • Re-use the IDE you're used to, with the same hotkeys
    • Learn new techniques to speed-up the development
    • Automate file creation and configuration learning frontend tools
  • Gradle/Maven to NPM+Angular CLI
    • Learn the frontend CLI utils to manage packages like for Maven/Gradle
    • Master the creation and configuration of common tasks to speed up your development
  • Spring/Guice to Angular DI & framework
    • Use the state of the art Angular framework to manage enterprise systems
    • Use your Java DI knowledge directly in the forntend
  • Postgres/Mysql to WebSql, MongoDB to IndexedDB
    • Learn how to work with relational DBs locally into the client system
    • Learn how to work with No-SQL DBs locally into the client system
    • Learn how to persist changes for future accesses and to manage offline
  • From JAVA tools, to frontend tools
    • From JUnit to Jasmine
    • From debugging to Chrome Dev Tools
    • From JRebel to Angular CLI live updates
  • And also: Graphics, IO, HTTP, multi-threading, ...
    • Learn the API available on the frontend and how they compare to the Java world
    • learn available front-end multi-threading techniques
    • Practice with real world examples

After the course, keep learning with the video integration lessons.

Course details Available in: Course available in english Corso disponibile in italiano
Price for seven days 1490 euros everuthing included Learn Serious Frontend For Java Developers during a holiday
Learn the best about the following course Course details Available in: Course available in english Corso disponibile in italiano

Holiday

A course within a holiday

Enjoy a java-to-frontend course within a holiday
There is no active batch at the moment.
Holiday details for active batches will be described here.

Each holiday includes everything and has place into selected villages, Hotels, and SPAs.

The holidays are thought to relax and let each person be in the best conditions to learn.


Every day of the course is separate into slots:

  • The morning starts early with a big breakfast
  • 8:30 - 11:30 → deep dive into the course
  • 11:30 - 14:30 → enjoy the place and the launch
  • 14:30 - 17:30 → deep dive into the course
  • 17:30 - 21:30 → rest, enjoy the place, have dinner
  • 21:30 - 22:30 → big questions and answers + real world examples

When you subscribe to a batch you'll receive an email with all the details.

Video course

Keep learning after the training holiday

A course face-to-face is more effective than a solo online course.

But is not enough! So enjoy a complete video course too :-)
  • Simple mini-lessons to watch and re-watch
  • Deepen some arguments you need to master
  • Very practical and easy to follow
  • Always available when back home
With this course you'll get two video courses!

100 practical steps to become a frontend developer (UX, design, development)

100 practical video lessons on very specific topics about the Frontend. A complete set covering everything to master the frontend, that you can watch and re-watch.

    Part 1: Learn to design first
  1. Work for the users: UX (ux-patterns.com) and beautiful designs (dribbble.com, themeforest.com)
  2. Work for the users: interaction design, user experience design, and usability
  3. Design basics: CRAP - Contrast Repetition Alignment Proximity
  4. Design: fonts, colors, icons, images
  5. Sketch
  6. Mockups using Inkscape: Basics
  7. Mockups using Inkscape: Images/Screenshots and Clips
  8. Mockups using Inkscape: Icons
  9. Mockups using Inkscape: Groups
  10. Mockups using Inkscape: Alignment
  11. Mockups using Inkscape: Export and interactivity

  12. Part 2: The frontend ecosystm and essential knowledge
  13. The browser: knowing Chrome
  14. HTML: Base tags and the DOM
  15. Making a page interactive with javascript: a first approach
  16. Making a page interactive with javascript: variables
  17. Making a page interactive with javascript: functions

  18. Part 3: The Typescript language and a frotnend IDE
  19. When the projects grows: using a serious language… Typescript
  20. Install Node and npm
  21. Exploring the npm ecosystem
  22. Install WebStorm (or Visual Studio Code)
  23. Typescript basics: variables, types, functions
  24. Typescript basics: arrays and arrow functions
  25. Typescript OOP: classes, interfaces, enums
  26. Typescript typings: using existing libraries
  27. Typescript advanced: decorators, modules import/export
  28. Typescript advanced: generics
  29. Typescript: transpile the code, bundle it and run it in the browser

  30. Part 4: a theme for our web page
  31. Styling a web-page: CSS
  32. Styling a web-page: selectors
  33. Styling a web-page: styling elements
  34. Styling a web-page: styling using classes
  35. Styling a web-page: the CSS rules
  36. Styling a web-page using a serious language: SASS
  37. Styling a web-page: SASS variables
  38. Styling a web-page: SASS mixins
  39. Styling a web-page: SASS nested rules
  40. Styling a web-page: SASS operations
  41. Styling a web-page: SASS functions
  42. Styling a web-page: SASS imports
  43. Using CSS frameworks: minicss
  44. Using CSS frameworks: bootstrap
  45. Animate objects with CSS

  46. Part 5: speed-up the development process with the best dev tools
  47. The front-end development process: learning the Chrome Dev Tools
  48. Chrome Dev Tools: Elements
  49. Chrome Dev Tools: Source
  50. Chrome Dev Tools: Network
  51. Chrome Dev Tools: Application
  52. Chrome Dev Tools: Console
  53. The front-end development process: Webpack to automate common tasks
  54. Project structure

  55. Part 6: the frontend desktop and mobile APIs
  56. HTML 5 APIs
  57. caniuse, polyfills, modernizr
  58. Graphics: Canvas
  59. Graphics: SVG
  60. Graphics: WebGL
  61. Server communication: Rest API
  62. Server communication: HTTP ajax methods
  63. Server communication: JSON format
  64. Server communication: WebSockets
  65. Client-side data: Cookies
  66. Client-side data: LocalStorage
  67. Client-side data: WebSql
  68. Client-side data: WebWorkers
  69. Background tasks: WebWorkers
  70. Offline web sites: AppCache
  71. Offline web sites: Service Workers
  72. Media: video, audio, images, data-urls
  73. Files: loading, storing and uploading files
  74. Keep track of page browsing: History API
  75. Mobile APIs: a mobile compatible page
  76. Mobile APIs: touch
  77. Mobile APIs: acceleration
  78. Mobile APIs: geolocation
  79. Mobile APIs: battery
  80. Cross-browser simultaneous testing
  81. Mobile browser testing: emulation and on real devices
  82. E2E tests: protractor

  83. Part 7: security and accessibility
  84. Security: Https
  85. Security: JWT
  86. Security: CORS
  87. Unit tests: Jasmine
  88. Accessibility: ARIA

  89. Part 8: advanced concepts
  90. SEO: http://static.googleusercontent.com/media/www.google.com/en//webmasters/docs/search-engine-optimization-starter-guide.pdf
  91. https://www.hobo-web.co.uk/seo-tutorial/
  92. Using external libraries: charts using D3
  93. Using external libraries: time and dates using moment
  94. Design patterns: MVC, MVV*
  95. Design patterns: common code patterns
  96. Recommendations: use GIT
  97. Learn to be a programmer: https://frontendmasters.com/books/front-end-handbook/2017/learning/cs.html
  98. Performance: build ultra fast HTML5 apps
  99. Performance: tools
  100. Deployment: making the files and put it on the web (https://surge.sh)
  101. The frontend community: stackoverflow, github
  102. Learn to learn: searching on google
  103. Next steps
  104. Website development: put everything together
  105. Dashboard developments: Angular
  106. Games development: pixi
  107. Mobile development: phonegap/ionic
  108. Server development: node and DBs

Huh, that's all :-)

Like the course? Join next batch Future batch info