Guide: HTML & CSS - Tooling/Bootstrap
Description
Front-end or UI frameworks are sets of tools that help you kick start the development of a website by offering reusable code that you would need to create otherwise, such as typography settings, grid system and modals. Bootstrap is not the newest framework around but it is very wide spread. Learning how it works can do a few things:
- Teach you a new useful tool to create projects
- Give you the knowledge to understand a lot of projects that you will definitely find around
- Teach you how to learn a front-end framework, which you likely need to do several times in your career
That could be probably said about many other front-end frameworks, which is why this Guide gives you the option of exploring another framework of your choice.
Knowledge
- Understand what are front-end/UI frameworks
- Understand what is Bootstrap
Skills
- Be able to learn and use a front-end/UI framework
Topics
- Bootstrap and/or other UI Frameworks
Action Points
- Research about what are the currently popular front-end frameworks and demo two or three of them
- Chose a framework to learn in depth and create a project with it
Deliverable: Responsive website made with a UI Framework
- Submit:
- Github repository URL
- Add comments for each relevant code block
- Project description and details in the README.md file
- Describe how the UI Framework was used and how it made the development easier (or more complicated)
- Github repository URL
- Minimum requirements:
- A responsive website about a product or service using a UI Framework
- At least two different pages/layouts
- Theme ideas:
- A website for your uncle/aunt/cousin/friend’s company
- Classic movies festival
- Re-create (and improve) Slack’s website (slack.com)