Why Bootstrap I Pre launching session

Key Takeaways

hi everyone welcome with another webinar with geeksforgeeks okay let's we follow the ritual let's wait for few minutes so that everyone can join this interesting webinar and we have an announcement to make as well so till then everyone just tell me about um how spending your dates already midweek so what are your plans for the week just tell me in the comment section below let's do a bit chit chat and know a bit of each other okay tell your friends to join this webinar okay i think if everyone has joined the webinar so let's start with this interesting webinar i hope you all are doing great and plan weekend ahead so that with this amazing webinar and today with us we have amit divan and this if you are a beginner with a coding so this course is just for you at this reasonable price and if if you're gonna register for this webinar today you're gonna get 200 off on the price so let's start with the webinar and let's welcome amit divan yeah how about you i'm fine i'm i'm good too yeah so amit before asking you all the questions so let's start with a quick introduction of yourself just uh tell our audience about yourself and about this course as well like what we're gonna discuss and what is this course is all about and uh what all like what knowledge they'll gather from this course yeah uh firstly i'm uh i'm ahmed as you just said so i am running a website studyopedia.com with that we are also having a youtube channel amid things so uh whatever we post on amit things youtube channel the videos all the notes are published on studyopedia.com okay so we started in 2018 with the website but uh probably our youtube channel is going really well right now we have more than one million views per month organic views so we are not into any uh paid promotions right now so these are all organic views so we were having around 25 000 views before the lockdown so lockdown actually worked as a blessing in disguise for us so from 25 000 to 1.1 million in two years we achieved so after that we started creating complete courses so we uploaded on udemy and we got a very good response so right now we have around 6000 plus enrollments on our udemy courses in more than eight eight languages and web dev technologies now regarding our course on uh geeks for geeks okay so uh uh when we were working when when i started my company we all we have we all knew about geeks for geeks initially because one of my employees told me that i cleared gate using uh geeks for geeks completely so i said yeah free content on geeksforgeeks on a website is a really good thing on gate so she told me that i got 500 rank and but i was unable to get into iit and tick so i am trying again so she left my job and worked around some months to clear the gate after giving the great exam she worked for geeksforgeeks so i have a brief knowledge about geeks public like any other engineer or experienced professional so why initially when i started my career i worked for iit delhi before that i got placed in exchanger and hcl but due to some reasons i was unable to relocate so when i got a job at italy who will leave a job at iit delhi right even for accenture yeah yeah so i definitely had a dream of being an entrepreneur i worked as a freelancer for tutorials point for a long time then uh then these websites like geeks for geeks i used to study from w3 schools tutorials point w and your and the complete gigs for geeks because if you want a knowledge about any topic you just go to geeksforgeeks and just type on the search you will get every possible information so this is these websites like geeksforgeeks are a blessing for not even students but people like professionals like us i have heard that more than people with more than 25 years of experience are basically on geeks for geeks learning new technologies so regarding this course so what we did uh i just thought that we will prepare a bootstrap course uh okay but the catch what we did uh we worked on a pratt platform so that we can show the screen size also because when we talk about creating a responsive website if if you are a bringer in webster development currently you only need to work around responsive websites okay so responsive website design includes screen sizes on your mobile laptop and tablets so when you are working on a new technology you need to know the screen size as well so while explaining this course we have included 80 plus codes which students can download from geeksforgeeks itself okay and the price is also very much reasonable okay so i once i read an interview about mr sandeep jan the founder of geeks of geeks he was telling that we always keep the price of courses uh really less for students obviously students can't pay a hefty amount so yeah so the price is also really good and you can as um she told that you can get a very good you can get a very good discount on the same bootstrap course yeah and again so uh i was asking like what is bootstrap and what it is used for okay yeah so firstly i just also want to mention before introducing bootstrap the course is only available for rupees 2 for rupees 299 okay so you can easily work around this uh reasonable course and uh learn how to create a responsive website so now regarding bootstrap so bootstrap is basically a free and open source front-end framework that includes that already includes your css in html templates so easily you can work around the responsive website you can create a website for your mobile device for your laptop as well as your tablet so if you are creating a code a single code will work for all of them okay so that's the best part about bootstrap so basically uh what this bootstrap does it will also allow you to load your website in a quicker way why because there is an option to install bootstrap on your server or you can also use the cdn link what is cdn now cdn is content delivery network which allows you to quickly load your images and videos as well as your website so in the entire bootstrap course on geeksforgeeks what we have done we haven't shown how to install bootstrap on your system or server we have shown at how you can easily add a single uh two links in your code and it will automatically get the cdn link and you can easily work around creating a responsive website and completing your code so we are just adding a two we are just adding two lines of code in an html page that's it and the official bootstrap cdn is js deliver so right now you can just add those two codes we have it in our third chapter i guess through which you can easily install and set up your bootstrap with no hassles okay so why we need to work around bootstrap and why can't we work around only html to create responsive websites so let's say you want to uh create a responsive table you want to create a responsive image you just need to like you you just need to write a one line code with a single class name that's it you don't need to write that complete css codes for uh even creating a table uh creating a responsive table not a table a responsive table that gets aligned on all the three possible devices okay with that goes for responsive images if you know a jquery pop-up which we also get on geeksforgeeks website when you open it uh you can easily create it in bootstrap using a single line of code it is called modern okay so yeah this is yeah bad so um suppose amit someone uh someone doesn't know about bootstrap he's completely new to bootstrap so how how one can learn bootstrap from the scratch okay from the scratch first you need to learn about html okay so html is really easy you can easily work around html in a single day okay you can also refer geeks for geeks or free or text tutorials and you can easily create a dot html file on your system on your desktop let's say it will automatically convert to your browser web page so you can learn from there how you can create a simple html page okay so after that you can work around the structure of a web page those are very easy concepts a predefined tags are provided by html so after doing that for a single day i guess one day sufficient you can move towards bootstrap and when you will start learning bootstrap you'll understand it is even easier than html because you just need to write a single class name and it will work for you to create a complete uh drop down menu all we all know drop down even even if we are not from an iit background what is the drop down menu like on geek soccer's website we have a courses section on the left top left when you click when you click on it there are sub menus and there are further sub menus there so through bootstrap you can easily create uh them okay uh i can tell you only we have shown only three lines of code to create a drop-down menu so it's very easy to work around uh our course is around two hours and uh i promise you within a day if you are following all the 80 chapter 80 codes we have provided almost all the quotes we have provided to download just copy them paste it in your html file run it and after do after start doing some basic changes to it create your own website uh let's say you're creating a company website or your own website like geeksforgeek for example already feel the free learning so you can easily walk around bootstrap in it yeah that's good so uh it's like i like after doing that course if someone is not from the iit background someone is not familiar with the technicalities or the coding part so if uh that person will do the html for be either the geeksforgeeks website uh the free tutorials or articles but after yeah after doing html and buying doing that bootstrap course that will be sufficient so um i believe a non-technical person can also make a website yeah definitely why not uh but you need to initially begin around html a lot of a lot of articles i know more than more than a thousand articles i guess are on geeksforgeeks you don't need to refer any other website they have a lot of content but i have seen never-ending content on a single website so you can easily work around their articles you don't need to refer any video i should say even if you are wrapping articles because they have a code section you can run it live you can also copy their code and work around your own uh website and then you will easily understand the bootstrap concept yeah yeah so i'm like moving on to the next question so could you please uh tell a brief about the geeksmoogie's bootstrap course the structure how we're gonna you know uh cover all the topics and how it is formatted yeah so the bootstrap was whenever we create a course what we do at first we introduce bootstrap completely so that people uh get to know that what is bootstrap and why i should learn it so the first chapter comes with the following introduction and the features and why we need to work around it why it's so easy to work around bootstrap then uh we came around how to set up it i just told you that we have used js delivers cdn okay so uh i have told uh it very in a very easy way how you can just add two lines of code in your html file and just start learning your bootstrap journey okay then comes the diff classes if you are from an id program you know what is a div so we have told that how you can just add diff class is equal to container that's it and within that you can add the row and column what is this row and column this is the structure of a web page the grid our web page okay we all know what is a row is like horizontal and column is vertical so we can easily structure our complete rectangular web we can say a screen size okay and we can begin with it the fourth chapter comes around how to actually install and run your first bootstrap web page okay then we went towards other sections like how we can create an alert uh the most important part of our webpage how we can align all the divs or we can stack it so let's say you are watching geeksforgeeks website on our desktop okay so it will how it will be aligned the same website how it will be adjusted and aligned on a mobile device and on a tablet what we want to show what we want to eliminate what we want to how we want to stack like on our website let's say the courses on bootstrap are aligned in a four column way and on mobile it won't be aligned in a four column way because it won't be visible it will be aligned single-handedly that we call it as stack so what i have done uh i guess basically none of the courses on the internet will provide you a platform wherein uh the screen size is also shown on the top right because if you are not aware about screen sizes and bootstrap you won't be able to work around it because uh mishika the mobile device have a specific size you know the tablet is having this size a desktop 14 inch 15 inch so i have so i've shown the entire size so sizes while uh running the code so you can easily understand it on udemy also it worked really well but on geeksforgeeks it it's even cheaper than udemy right now so you can just buy it yeah yeah because i i believe in geeksforgeeks like we focus uh with the student centric like providing student centering courses so that every every student can afford the course okay yeah so uh uh i mean so is bootstrap still in demand for major tech id companies yeah it is in demand right now especially after the introduction of i should say uh bootstrap 5 but some of the people still say that if you want to get a better look of your website you can avoid bootstrap and work on some other frameworks like tailwindtailwine.css is also available and many other so yeah but i still support bootstrap because if you're beginning with the responsive website design please don't move around other technologies go around bootstrap i have already told you and i'm repeating it again uh if i want to create a responsive table i just need to write a single line a single class there's a single class to create a responsive table okay so it's a better character i guess nothing easier than that even if you want to create a button if you want to resize a button you need to write a code in css but in bootstrap it is already having css and html templates in it js template so you just need to work around it and you can easily throw and create your responsive website and all the basic things on on a web page you can easily create using bootstrap yeah yeah i believe i have seen um i have seen few coding courses and when it comes to coding like what is better than a single line of code like you know with a single line of code you can create a good you know you know you can create the uh pages and the website to sponsor website because what happens mishika uh actually if if if your lineup code will increase on a website even even on a software the the loading time will increase and it will affect your website page loading or if you are working on java uh you can see the if your code is correct but the lines of code is more than the required one the code is a fail in the same way we need to work on the technologies that eases the work of understanding as well as creating a web page so we can't use the ft codes and get a faster loading website yeah so we are using cdn for that if you are from it by if anyone from uh is from a writing background they can easily understand that using cdn is a must right now because without cdn your site will fail definitely yeah so um is learning bootstrap is like necessity after learning html and css well you have um explained this before as well so i also have a add-on on this like you said earlier you first need to learn html and then go into the bootstrap so css come in between or after the bootstrap like we need to have the knowledge of html and css and then uh one can who's a familiar or a non-familiar person then uh that person should jump onto the bootstrap yeah so uh html is a must basic html is a must because you need to create a tag uh what is an html tag and head tag in the top you need to have that info because bootstrap gets included in it regarding css yeah when you learn about html you should have a bit of knowledge about css these all html and series basic concepts can be covered in one or two days from your basic for geeks website only so i would rather prefer you to have bit of information uh before beginning with your bootstrap course because uh it will it can create some issues you should have some good knowledge about a bootstrap okay about the css and html okay yeah okay so uh my next question is about the bootstrap update like how is bootstrap 5 different from bootstrap 4 yeah so the basic update which included in bootstrap 5 and bootstrap 4 was initially that it basically removed the jquery stuff firstly we need we added three lines of code to include bootstrap even if it was in cdn now we need to only write two lines and they have included vanilla gs concept in it so uh one of the best uh concepts they have included they have eliminated that jquery stuff you don't need to add the jquery uh even if you're adding a single line of code it is considered more than enough yeah so it has been basically removed okay so and uh basically the grid system is also improved uh all the features are enhanced the bugs are fixed okay and the svg icons which were basically uh added before okay now they have a better one in it and the best part i have if i remember it correctly uh they have excluded the jumbotron there is there was a jumbotron concept in bootstrap which we also included in the inner course but we eliminated it now because uh bootstrap suggests you to use css instead of using bootstrap or for your basic jumbotron so uh why i'm telling this because even if there will be an update in future bootstrap versions if bootstrap open source community will feel that uh they are one of their feature is creating issues and it is not better than using css they will eliminate it so you can understand the the basic loyalty of bootstrap community that they have removed the jumbotron concept and they have told that use css instead it is a better option so uh the basic uh uh is uh what i what i saw is basically in jumbotron as and and basically exploring the jquery concept and uh what is the future and scope of bootstrap yeah the future and scope you can basically work around many youtube videos they say that you should stop using bootstrap many many of them say that but i don't believe in that if you're a beginner and want to learn bootstrap and other difficulty for other frameworks you need to first begin with html css and then bootstrap because bootstrap will give you an overview about every possible responsive section on your website so in our chapters we have included more than 25 chapters we have all these alerts how you can create a pop-up menu alert buttons on our website how you can easily change the background color of a webpage with a single line of code the background color of text any possible text by just adding a class in a tag in an html tag you can easily add a class or bootstrap class that's it with that we have included all the how we can create cards so you must have seen an author profile on geeksongs website also you have provided in the bottom you can easily create it using bootstrap drop down menus navigation bars on the top how you can align navigation bar and your logo like we have seen on geeksforgeek website you can easily do it with three to have four lines of code using the bootstrap so it will always be in demand the scope of bootstrap will always be there i can see it especially they are improving it with all the versions like if they are feeling that some features are creating issues they will remove it and they will add more new better features in it so yeah it's it's it's it is having a lot of scope in future yeah definitely yeah and uh like it is bootstrap uh still used for uh better practices by the by the it companies you take companies yeah yeah definitely since it's an open source and it is being supported by a lot of open source community community uh contributors i should say it will definitely be supported by many companies uh to create a responsive website i myself know a lot of people who still create a lot of companies who still create even even the website we developed our website studio media i actually developed it with someone else he is running a company in delhi and he's working on bootstrap websites only so he knows that he can easily create a website in three to four are using bootstrap and which is also which is also having no issues with installation you can easily write a cdn link and work around bootstrap with no hassles so no issues with no hefty installations of any other possible framework or widgets okay that's yeah that's good to hear so amit that is all from i end from the questions part um that's all from my and anything you would like to tell the audience who is who wants to you know start their career or who want to make the responsive websites or anything about this course and bootstrap you would like to tell our audience yeah definitely uh so there are a lot of articles and there are a lot of videos on geeksbook is regarding how to be a programmer or a website developer so i'll tell you about the programmer first quickly if you want to be a programmer you need to have a basic knowledge in a single programming language initially even if you know uh even if you know java you can work around c sharp you can work around python in a way so in the same way in website development if you want to begin with website development first begin with html and css also get some information about javascript because if you will get an information about javascript you can work around all other javascript libraries and believe me there are a lot of javascript libraries and mostly are covered by like jquery they have jquery or express.js angular okay these are all javascript libraries and frameworks so uh if you want to create a responsive website begin with html on geeksforgeeks even in their eyes even even their articles will work for you copy the code from here run run on your platform do the changes and change it there itself and try to add more than 100 codes to learn a particular technology always make it a target because uh we when we sell our course even if even on geeksforgeeks if they're selling a post they only focus on learning and examples so we have provided 80 plus we have more than 100 plus codes on bootstrap but we are provided on 88 87 88 of them okay and which that will work for you just copy it paste it run it do changes and make it your own so these are the purposes of a website like geeksforgeeks they want you to learn at just a mere cost of right now we are selling it on 299. so yeah uh begin with html uh then go around css concept basic css concept like how to add a style sheet external and internal and then begin with this bootstrap course easily so thank you so much amit it was great interacting with you for this webinar so before moving on further on the audience questions i would like to tell everyone who is watching this webinar go check it out the description for this webinar which where we have mentioned the coupon code to get 200 off on this on this bootstrap course use this coupon code amid 2022 to get to avail this offer 200 off on this particular course and we have also list all few more courses just for you just so that you can be a master in the coding and you can prepare for your next big thing in the coding interviews so check it out all our courses and also do net do not forget to subscribe us and stay tuned for more updates with us last let's uh let's see the audience questions or audiences asking few more questions and want to know a few more things so ram is asking how many weeks for boost for the bootstrap course look uh brahma thank you for your question if you are working on bootstrap if you already have an idea about html in css then um i guess less than a week will be required if you're if you're investing more than three to four hours even after your college or your job you can work around around 8 pm and daily you can work around three hours and and you make a target of create of completing three three chapters four chapters in a day you can easily complete it within a week but remember the codes you are running should be your own initially you can copy it but you can do some changes make your own website you can also try running adding different menus and other stuff but try to run more than 100 examples to learn a technology make it a target so at the end of the course you have more than 100 codes of yours you can refer it lately anytime in future yeah we have another question uh laksha sharma is asking does python is necessary for bootstrap and we have another question regarding regarding python like is uh which is asked by manvi yogi is python is good for the backend development yeah yeah basically uh firstly python uh you can say python is the need of today but hearing we are discussing about uh web dev technology right now so you don't need python to work around bootstrap firstly okay okay uh yeah so regarding my second question uh python is for back end so python is a language which is which can be connected with the any possible databases uh i worked on mysql you can connect it with if you're working on data science you can connect it with the mongodb and work around it yeah so uh if you're working about a technology in in basically in today's trend if you want to work around data science and all go for python one of my friend is into data science as well he gets interview calls after every second day from big id giants because the demand of python tableau data science concepts python libraries if you have a hefty codes like like 5 million users data like for example we have our amazon prime and netflix data you have 5 million users data and you want to just to grab any fetch any record from it within seconds you can use python libraries so python is is beneficial for every possible coding and if you want to work around backend you can work around python with my sql and connect with it again i'm telling geeks for geeks are have is having uh complete codes for it just copy paste it and then add your own stuff to it that's the best possible way to learn yeah yeah so that's all for today since we are running out of time so that's so it's time to wrap up this webinar amit it's great interacting with you thank you so much for being with us today and answer to our all our queries thank you so much and thank you so much everyone who have joined us today with this webinar yeah thanks mishika thank you for your time thank you man yeah okay bye so hey everyone so we have uh we have added the uh coupon code amit 20 in 2022 in order description so go check out the description go check out this web go check out this course and stay tuned with geeksforgeeks for more quick updates and such type of in interactive and informative webinars