Most webpages have common structures and components, which is why using front-end frameworks has become so popular. Learn about how to use front-end frameworks, make customizations, and evaluate if one is the right solution for your projects.
- [Voiceover] Front-end development often involves…writing a lot of repetitive code…and building similar structures over and over again.…And for this reason, front-end frameworks…have become increasingly popular.…This website displays a comprehensive list…of available options and also compares various features.…While there are many advantages…for using frameworks, there are also…some possible disadvantages to keep in mind.…Let's go over the benefits first.…Though there are a variety of options,…most frameworks include similar features.…
Most are free and open source…and typically include major browser support,…responsive components, and are mobile friendly.…They also include options…for different levels of front-end knowledge,…and since frameworks are mostly a collection…of commonly used page layouts and structures,…the UI and the design elements…are usually pretty consistent.…Combining these components using…the predefined markup of the framework…can get you up and running pretty fast.…This is especially useful for prototyping,…
Author
Christina Truong
Released
12/9/2016- Using browser development tools
- Inspecting HTML, CSS, and JavaScript
- Testing mobile layouts
- Coding in text editors and IDEs
- Using front-end frameworks and CSS preprocessors
- Working with the command line
- Using version control (such as Git)
Skill Level Beginner
Duration
Views
-
Introduction
-
Welcome1m 7s
-
-
1. Browser Tools and Add-Ons
-
Browsers and browser testing5m 42s
-
Inspect HTML1m 58s
-
Inspect CSS4m 51s
-
Test mobile layouts4m 11s
-
JavaScript breakpoints4m 9s
-
-
2. Text Editors
-
Text editors and IDEs5m 46s
-
Code autocompletion3m 11s
-
Code snippets5m 3s
-
-
3. Front-End Frameworks and CSS Preprocessors
-
CSS reset style sheets1m 45s
-
Front-end frameworks6m 52s
-
CSS preprocessors4m 25s
-
-
4. Apps, Command Line Tools, and Version Control
-
Workflow automation tools1m 34s
-
Git and version control1m 51s
-
-
Conclusion
-
Next steps44s
-
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Front-end frameworks