{"id":26347269,"url":"https://github.com/survi218/bower-package-manager","last_synced_at":"2026-05-19T11:05:06.046Z","repository":{"id":139642962,"uuid":"92454919","full_name":"survi218/bower-package-manager","owner":"survi218","description":"bower installation and iniitializing required components","archived":false,"fork":false,"pushed_at":"2017-05-26T00:24:54.000Z","size":1548,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-05T21:57:37.629Z","etag":null,"topics":["bower","bower-components","bower-directories","bower-files","bower-json","bower-publish","libraries","nodejs","npm","package-manager"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/survi218.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-05-26T00:05:15.000Z","updated_at":"2017-05-26T00:25:57.000Z","dependencies_parsed_at":"2023-07-23T08:02:11.820Z","dependency_job_id":null,"html_url":"https://github.com/survi218/bower-package-manager","commit_stats":null,"previous_names":["survi218/bower-package-manager"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/survi218%2Fbower-package-manager","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/survi218%2Fbower-package-manager/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/survi218%2Fbower-package-manager/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/survi218%2Fbower-package-manager/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/survi218","download_url":"https://codeload.github.com/survi218/bower-package-manager/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243835926,"owners_count":20355616,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bower","bower-components","bower-directories","bower-files","bower-json","bower-publish","libraries","nodejs","npm","package-manager"],"created_at":"2025-03-16T07:16:25.830Z","updated_at":"2026-05-19T11:05:05.971Z","avatar_url":"https://github.com/survi218.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# bower-web-tool\nWeb sites are made of lots of things — frameworks, libraries, assets, and utilities. Bower manages all these things for us.\nBower is a package manager for the web. If you’re not sure what package managers are, you’re gonna learn what they are and how useful they can be.\nInstalling Bower\nTo install bower, you need to have node.js installed on your computer. To check whether you have it or not, open up your command line interface (CLI) and type\n\nnode -v\n\nKeeping track of all these packages and making sure they are up to date (or set to the specific versions we need) is tricky. Bower to the rescue!\nBower can manage components that contain HTML, CSS, JavaScript, fonts or even image files. Bower doesn’t concatenate or minify code or do anything else - it just installs the right versions of the packages we need and their dependencies.\n\nTo get started, Bower works by fetching and installing packages from all over, taking care of hunting, finding, downloading, and saving the stuff we’re looking for. Bower keeps track of these packages in a manifest file, bower.json. How we use packages is up to we. Bower provides hooks to facilitate using packages in wer tools and workflows.\nBower is optimized for the front-end. If multiple packages depend on a package - jQuery for example - Bower will download jQuery just once. This is known as a flat dependency graph and it helps reduce page load.\n\nIn this repository we will explore Bower to enable us to automatically fetch Bootstrap and Font Awesome files. Then we will make use of the files fetched by Bower in our web page. At the end of this repository we will be able to:\nUse Bower to fetch web packages and assets from global repositories automatically\nUse the Bower components in wer web page\n\nInstalling Bower\n\nInstall Bower as a global node module. To do this, type the following at the command prompt:\n\n     npm install -g bower\n\n\nNote: Precede this command with sudo on Mac or Linux\nCreating bower.json File\nCreate and initialize a bower.json file by typing the following at the command prompt:\n\n\n     bower init\n\n\nBower will ask several questions which we should answer as follows:\nName: Project (the default)\nversion: 1.0.0\ndescription: Website for an awesome restaurant\nmain file: index.html\nwhat type of modules does this package expose? (leave all unselected, just hit enter)\nkeywords: Project, Fusion Restaurant\nauthor: (Your own name)\nlicense: (MIT)\nSay yes to the remaining questions except the last one.\nLooks Good? Y\nHave a look at the contents of the bower.json file that was created.\nInstalling Bower Components\nWe will first install Bootstrap using Bower. To do this type the following at the command prompt:\n\n\n     bower install bootstrap -S\n\n\nThis will install Bootstrap to our project, and since Bootstrap depends on jQuery, it will automatically install jQuery. The \"-S\" flag indicates that Bootstrap should be saved as a dependency for our our project in the bower.json file.\nNext, to install Font Awesome, we need to type the following at the command prompt:\n\n\n     bower install font-awesome -S\n\n\nExamining Bower Components\nIn the Project folder, we will find a bower_components folder that Bower created. The components that Bower fetched for we are stored in this folder. Browse the folder and the sub-folders therein to see the contents.\nBack in the Project folder, examine the contents of the bower.json file to see that Bower has added in new information about dependencies. This specifies that the current project is dependent on Bootstrap and Font Awesome.\nUsing Bower Components\n\nTo make use of the Bower components, we will update the CSS and JS links in our web pages to use the files in the Bower components folder. Update the CSS links in the index.html, aboutus.html and contacts.html page as follows:\n\n\n    \u003clink href=\"bower_components/bootstrap/dist/css/bootstrap.min.css\" rel\n      =\"stylesheet\"\u003e\n    \u003clink href=\"bower_components/bootstrap/dist/css/bootstrap-theme.min.css\" rel\n      =\"stylesheet\"\u003e\n    \u003clink href=\"bower_components/font-awesome/css/font-awesome.min.css\" rel\n      =\"stylesheet\"\u003e\n\nSimilarly, update the JS links in the files as follows:\n\n    \u003cscript src=\"bower_components/jquery/dist/jquery.min.js\"\u003e\u003c/script\u003e\n    \u003c!-- Include all compiled plugins (below), or include individual files as \n      needed --\u003e\n    \u003cscript src=\"bower_components/bootstrap/dist/js/bootstrap.min.js\"\u003e\u003c/script\u003e\n\n\nThe project now makes use of the files fetched by Bower in the web pages.\nConclusions\nIn this project we learnt about Bower and how we can make use of Bower to fetch the web components. Thereafter we learnt how to make use of the web components in our project.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsurvi218%2Fbower-package-manager","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsurvi218%2Fbower-package-manager","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsurvi218%2Fbower-package-manager/lists"}