Explore the world of front-end development for back-end developers in this 49-minute conference talk from Spring I/O 2017. Dive into essential front-end tools like npm, yarn, Gulp, Webpack, and Yeoman while learning the fundamentals of HTML, CSS, and JavaScript. Discover the intricacies of Bootstrap, Material Design, ES6, and TypeScript. Gain insights into popular JavaScript frameworks such as Angular, React, and Vue.js, including hands-on demos and code examples. Learn about server-side support, CSS frameworks, and performance optimization techniques. Explore progressive web apps, software testing, and the PRPL pattern. Perfect for back-end developers looking to expand their skill set and navigate the complex world of modern front-end development.
Overview
Syllabus
Intro
Authentication Standards
What about You?
My Web Dev Journey
JavaScript Framework Explosion
ES6, ES7 and TypeScript
TypeScript 2.3
Front End Build Tools
Yeoman
Browsersync
webpack.config.js
Cool Webpack Features
Jobs on Indeed
Stack Overflow Tags
Stack Overflow Trends
GitHub Stars
Hello World with Angular
Get Started with Angular
Angular and Angular CLI Demos
Hello World with React
Learning React
Imperative Code
Declarative Code
Create React App
Ships with documentation!
Hello World with Vue.js
Learning Vue.js
Vue.js Code
Server-Side Support
Server-Side Java Support
Cascading Style Sheets
Sass: Syntactically Awesome Style Sheets
CSS Frameworks
Bootstrap 4
CSS Framework Stars on GitHub
Front End Performance Optimization
HTTP/2 Server Push in Java
Chrome Developer Tools
Framework Tools
Progressive Web Apps
The PRPL Pattern
Software Testing
Unit Test Example
Questions?
Taught by
Spring I/O
