2,449
likes
80
comments
daily view 0
monthly view 0

Share

Live Analytics

Comments 0

Learn Bootstrap by creating a custom admin theme - Intermediate Tutorial Analytics Table

Income Estimates for Learn Bootstrap by creating a custom admin theme - Intermediate Tutorial

Based on this YouTube video's total view count of 131K views and industry-standard rates, the estimated total earning is $92 - $264 through ad revenue. Historical data is not yet available to calculate daily, weekly, or monthly averages.

About Learn Bootstrap by creating a custom admin theme - Intermediate Tutorial

Explore Learn Bootstrap by creating a custom admin theme - Intermediate Tutorial with 131,778 views, 2,449 likes, and 80 comments. Experience the impact of this video content that has captured audience attention.

Learn the Bootstrap CSS framework with this full tutorial. In this intermediate course, you will learn Bootstrap by creating a custom bootstrap theme from scratch using webpack. We'll be making an admin theme. First, we'll set up npm and webpack so we can configure Bootstrap's source files that are written in SASS. Next, we'll cover the basics of Bootstrap and create some basic Bootstrap templates that are common in admin forms. Finally, we'll customize the theme by writing custom styling and overwriting some of the Bootstrap JavaScript 💻 Code: https://github.com/wilsmex/hq-admin 🎥 Video by Andrew Wilson. Check out his YouTube channel: https://www.youtube.com/channel/UCETveVX7TPauIupxYz6sFtA ❤️ Try interactive CSS courses we love, right in your browser: https://scrimba.com/freeCodeCamp-CSS (Made possible by a grant from our friends at Scrimba) ⭐️ Course Contents ⭐️ Part 1 ⌨️ (2:03) initialize git ⌨️ (2:15) initialize npm ⌨️ (5:06) initialize web pack ⌨️ (6:52) initialize font awesome ⌨️ (7:39) web pack config file ⌨️ (9:04) initialize bootstrap sass and associated required files ⌨️ (15:10) set up project src directory and structure ⌨️ (22:40) configure webpack.config.js ⌨️ (38:50) set up index.html file ⌨️ (52:40) setup our Sass files and import Bootstrap Sass files Part 2 ⌨️ (1:04:33) Bootstrap grid basics ⌨️ (1:11:20) Bootstrap form basics ⌨️ (1:25:00) Bootstrap table basics ⌨️ (1:31:03) Bootstrap card basics ⌨️ (1:38:20) Bootstrap buttons, alerts, dialogs Part 3 ⌨️ (1:41:50) setup our App HTML structure ⌨️ (1:55:03) CSS for navigation header ⌨️ (2:08:35) CSS for sidebar ⌨️ (2:19:35) Override bootstrap defaults ⌨️ (2:26:20) Add responsiveness and sidebar auto-hide ⌨️ (2:39:16) Add mobile toggle via CSS ⌨️ (2:43:45) Add mobile toggle javascript -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news

About YouTube Real-Time View Count

With SocialCounts.org’s view counter, track your YouTube video’s live view count and YouTube likes count in real time with fast, reliable updates.

Watch every YouTube video live view count rise with our real-time YouTube views tracker—built for accuracy and minimal delay.

Follow YouTube real time views as they happen, using our dedicated view counter for YouTube videos.

Get up-to-date live view count on YouTube and see real-time growth with SocialCounts.org’s smart tracking tools.

Embed Widget

Parameters:

  • fullscreen=true - Fullscreen counter
  • graph=true - Live graph chart
  • counter=0/1/2 - Select counter (0=likes, 1=views, 2=comments)
URL

Click to copy the embed URL to your clipboard