2015
O'Reilly Media / Infinite Skills
Adam Scott
3:00
English
In this Introduction to Modern Front-End Development training course, expert author Adam Scott will teach you modern techniques, tools, and best practices for modern front-end web development. This course is designed for users that already have some experience with HTML, CSS, and JavaScript.
You will start with an introduction to the command line and Git, then jump into learning how to create a project with Yeoman. From there, Adam will teach you how to use a front-end build tool. This video tutorial also covers HTML templating, CSS pre-processing and post-processing, and modular JavaScript code. Finally, you will learn about front-end testing, including unit testing JavaScript and automated accessibility testing.
Once you have completed this computer based training course, you will be fully capable of applying these techniques, tools, and best practices to your own web development projects.
01. Introduction
0101 Introduction
0102 About The Author
0103 Your Text Editor, Terminal, And Browser
0104 Installing Node
0105 Using The Working Files
02. The Terminal And Git
0201 Command Line Introduction And Navigating The File System
0202 Creating Directories And Files
0203 Git Introduction And Installation
0204 Git Basics
0205 Working With GitHub
03. Project Scaffolding And Working With Dependencies
0301 Generating A Project With Yeoman
0302 Managing Front-End Dependencies
04. Using A Front-End Build Tool
0401 Introduction To Build Tools And Gulp
0402 Using Gulp For Repetetive Tasks
0403 Using Gulp To Minify Assets - Part 1
0404 Using Gulp To Minify Assets - Part 2
05. HTML Templating
0501 Introduction To HTML Templates And Handelbars
0502 Our First Handlebars Template
0503 Handelbars Template Partials
0504 Handelbars Template Data
06. CSS Pre- And Post- Processing
0601 Introduction To CSS Pre-Processing And Post-Processing
0602 Writing A Less Gulp Task
0603 Modular CSS With Less
0604 Less Variables
0605 Less Mixins
0606 Less Nesting And Link Styles
0607 Layout With Flexbox
0608 CSS Post-Processing And Auto-Prefix With Gulp
07. Modular Javascript Code
0701 Javascript Code Organization
0702 Model-View-Helper Code Structure
0703 Introduction To Browserify And Setting Up Our Browserify Gulp Task
0704 Javascript Code Structure And npm Modules
0705 Modularizing Our Javascript
0706 More Models And Views - Part 1
0707 More Models And Views - Part 2
08. Front-End Testing
0801 Introduction To Front-End Testing
0802 Linting Our Javascript
0803 Unit Testing Javascript
0804 Automated Accessibility Testing
0805 Automating Our Tests
09. Conclusion
0901 Resources And Where To Go From Here
0902 Wrap Up
Download File Size:552.21 MB
|
