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!
Photo by Kevin Ku on Pexels.com
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="utf-8"> <title></title> </head> <body> <h2>You are becoming an html coding wizard!</h2> </body> </html>
Above is without a text editor. and below is 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
You can see a giant difference in the code I wrote without an editor to the image above I took inside of the Visual Studio Code Editor. The color differences help you to recognize what the differences are in the 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.