Save Time With Bootstrap Navbars
The navbar gave me a real headache in the beginning of my journey and when I reached the chapter in “Web Design Start Here” by Stefan Mischook about bootstrap I was over joyed I could literally create a responsive fully functional, across any device navbar, in less than five minutes. I am going to make a video and put it under this paragraph today or tonight and show how fast you can create a navbar for your site if your are a beginner or just in a crunch and need to save some time on a project.
I have been a professional cosmetologist for the last 12 years. An accident that injured my body to the point that, I could not keep doing what I had been, for the last decade. Luckily I had dreamed of becoming a web designer/developer for years prior to my accident and now I had the time to actually sit down and put the effort in required to learn what I needed to make my dream come true. But why did I want to be a web designer/developer? At first it was because I could create something that could potentially help others and be seen from any where in the world that I owned and created. Kinda like owning real estate, well virtual real estate anyway. And now, because I can create something that can help others and be seen from any where in the world that either I own and created or my potential/current client owns and I created.
Time to put on your reading glasses, and let’s dive in!
<h2>You are becoming an html coding wizard!</h2>
Above image, code is written without a text editor and below is written with, Visual Studio Code editor a giant differance.
The above image is an example of what a simple boiler plate looks like for a webpage/site. The beginning of a website. If you are completly new to code then this will look like a foreign language to you, because it is a new language to you. You will also need to find a code editor I started out using Sublime Text then Atom and now I use Visual Studio Code and that is the one I recommend not because they are paying me to say that but becuase I think it is awesome! I’m not saying the other editor’s are bad I just happen to like visual studio code editor the best. You will need to download the code editor of your choice and I suggest you read thru the documentation to get to know the in’s and out’s of your chosen code editor. Once you feel comfortable with your editor, its time to write some code
I have developed a method for taking photographs that I will be applying to my learning stratagy. It is very simple and consists of writing down short to do lists with small goals that I would like to accomplish in order to accomplish larger goals. What I do as in the example of the image I captured above on a bridge, on the Adena Bike Trail in Athens, OH was to stop at either end of the bridge and I would capture an image by incrementally zooming in every 5-6 feet or so. Until I could not zoom in anymore. The method I use to capture images compared to how I learn web design/development is very similar, I break down problems or ideas that I want to learn in small incremental steps so that hopefully by the time I am totally focused in on a concept I will have learned it. So let’s start breaking down web design/development into smaller more attainable short term goals, So that with in a few months of study we will have a much better grasp on web design/development.