booststrap 3rd may uki class and me

in uki we learned a new session
      what is bootstrap
                       







  • Bootstrap is a free front-end framework for faster and easier web development
  • Bootstrap includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels and many other, as well as optional JavaScript plugins
  • Bootstrap also gives you the ability to easily create responsive designs




Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first web sites.
Bootstrap is completely free to download and use!


example for a bootstrap

and output for this bootstrap code


then we had a 15 minutes tea break
after that we played a small game it's like very interesting after about in 5.30 p.m we finished our class 
Finnally our class over☺☺☺☺☺☺☺☺☺☺
I hope all this was understandable.
keep in touch

Comments

Post a Comment

Popular posts from this blog

How to build a Wall Mounted Family Calendar and Dashboard

Image
  How to build a Wall Mounted Family Calendar and Dashboard with a Raspberry Pi and cheap monitor Sponsored By I love dashboards. I love Raspberry Pis (tiny $35 computers the size of a set of playing cards). And I'm   cheap   frugal. I found a 24" old LCD at Goodwill (a local thrift shop) and bought it but it's been sitting unused in my garage. Then I stumbled on  DakBoard . The idea is simple - A wifi connected wall display for your photos, calendar, news, weather and to-do. The implementation is simple genius. It's a browser that starts up full screen (kiosk mode) and just sits there and updates occasionally. DakBoard provides the private webpage and tools to make that happen. You can certainly build this yourself with any number of open source tools. I chose  DakBoard  because it was simple, beautiful, and I was able to get the whole thing done in less than an hour. I'm sure I'll spend many hours tweaking it through. There's also the very popular  MagicM
Read more

Build a Node.js API

Image
Build a Node.js API Node.js can be intimidating to beginners. But its flexible structure and lack of strict guidelines makes it seem more complicated than it is. This tutorial is a quick and simple guide to Node.js, the Express framework, and MongoDB, focusing on the fundamental REST routes and basic database interaction. You’ll build a simple API boilerplate that can then be used as the foundation for any app. Who This Tutorial Is For : You should have a basic understanding of REST APIs and CRUD operations, plus basic JavaScript knowledge. I use ES6 (mainly fat-arrow functions), but nothing too complex. For this tutorial, you’ll create the skeleton of a back-end for a note-taking application — think You want to be able to do all four CRUD actions on your notes: create, read, update, and delete. Setting Up If you don’t have Node installed, . In a new directory, run npm init, and follow along with the prompts, giving your app the name of ‘notable’ (or whatever
Read more

built web-app Authentication in React Applications

Image
Authentication using an email address before that we setup our react environment                    We can install these packages by typing                npm install --save bcrypt jsonwebtoken mongoose passport passport-local bcrypt                -- algorithm implementation for hashing passwords jsonwebtoken   -- JSON Web Token standard mongoose       --  MongoDB ORM library passport            --flexible authentication library passport-local   --Passport strategy for authenticating with an email and a password and we create a root folder structure like this   install the package.json           -------  by typing/ npm init After the installation of new packages my package.json looked like this:          { "name" : "authentication-in-react-apps" , "version" : "1.0.0" , "description" : "Authentication in React Applications" , "main" : "index.js" , "
Read more