Ojula Technology Innovations - Web Development from Beginner to Paid Professional: Build your portfolio as you learn Html5, CSS and Javascript step by step with support

Web Development

from Beginner to

Paid Professional

Volume 1

Build your portfolio as you learn

Html5, CSS and Javascript

step by step with support

By

Ojula Technology Innovations

Web Development

from Beginner to Paid Professional

Volume 1

Build your portfolio as you learn Html5, CSS and Javascript step by step with support

Copyright

All rights reserved

ISBN: 9791221321838

Published in the United States

Limit of Liability/Disclaimer of Warranty

This book contains information obtained from authentic and highly regarded sources. Reasonable efforts have been made to publish reliable data and information, but the author and publisher cannot assume responsibility for the validity of all materials or the consequences of their use. All information given in this book is based on the authors own research and does not constitute technical, financial or professional advice. The author and publisher have attempted to trace the copyright holders of all material reproduced in this publication, and apologize to copyright holders if permission to publish in this form has not been obtained. If any copyright material has not been acknowledged please write and let us know so we may rectify in any future reprint.

Except as permitted under U.S. Copyright Law, no part of this book may be reprinted, reproduced, transmitted, or utilized in any form by any electronic, mechanical, or other means, now known or hereafter invented, including photocopying, microfilming, and recording, or in any information storage or retrieval system, without written permission from the publisher.

Table of Contents

I know there are more than sufficient resources online to teach absolute beginners everything they need to learn web development from scratch. But this book is different because it addresses a few web development problems. The credibility of a web developer is much more than their credentials. Its actually about the strength of their portfolio.

Employment opportunities often come from work samples and concrete skills, rather than a college degree. So, you need to learn well enough. This book will not only help you learn well and build a stunning portfolio, it will also provide you continuous help and support.

With this book and my dedicated 24/7 help and support team, theres nothing for you to fear. I have helped many web developers update their development skills, launch successful careers and get hired for remote jobs. I notice that even the most ambitious beginners can run into problems, such as unable to decide where to begin. Sometimes they get completely lost on the way and therefore need further help.

The truth is everyone needs help at one point or the other to learn html5, CSS or Javascript correctly in their web development journey. I put sufficient coding challenges and their solutions in this book. You will get regularly updated cheat sheets, coding exercises, a stunning web developer portfolio to show off your work samples, practice projects. You will also get further help if youuse the free support link at the bottom of this book. I will help you learn well.

Finally, if you buy this book, I will add you to my web development community so you can continue to learn and get more help until you become a well-paid professional.

Bolakale Aremu

CEO, Ojula Technology Innovations

Web developer and Software Engineer

HTML is on its fifth iteration, and thats why it referred to as HTML5. CSS is on its third, so its also known as CSS3. Whether you use Windows, Mac or Linux operating system, you need an updated modern browser and a text/code editor, such as a notepad, to get started in your coding journey. However, I highly recommend you download and install Visual Studio editor and Google Chrome browser right now to get started. They are very easy to install, and they have a bunch of developer tools pre-installed. There are tons of videos on Youtube on how to install the latest versions of Visual Studio and Chrome browser. Once youve installed these, lets get started!

On your desktop or any other location you like on your computer,

1. Create a new folder and give it a good title like Web-Development . Open this folder.

2. In this folder, create another folder and give it a title like, Html_course . Open this folder.

3. In this folder, create another folder and give it a title like, 01_lesson . Open this folder.

4. In this folder, create a new notepad or text document and rename/change the default title to index and the extension (.txt) to .html. See Figure 0.1.

Figure 0.1: Renaming a new text document (Notepad)

Once you press the return/enter button, you will receive a warning that your document/file may become unusable. Select yes to indicate you want to change the file name and extension to index.html, the sort of a standard home page or main page for an application. Your first web file is now ready! Your file should now have the logo of chrome browser, or whatever browser you use, as shown in Figure 0.2.

Figure 0.2: Text document now has the logo of Chrome browser

Now, open Visual Studio which you installed earlier. Go to File menu () at the top left, and click on it to open the new panel shown in Figure 0.3. Later on in this book, you can select the first option (New File) to create a new untitled file. A new window will be opened for you to write your code in.

Figure 0.3: How to open a new folder in Visual Studio

But for now, just select Open Folder (). The dialog box shown in Figure 0.4 opens.

Figure 0.4: How to navigate to and select your 01_lesson folder on your computer

Navigate to the 01_lesson folder and click on it to select it (). Click the Select Folder button () to close the dialog window. You should see this folder () and your index.html file () on the left panel of the Visual studio like shown below.

Figure 0.5: Visual Studio file explorer window showing how to select your index.html file

You will not see other files, such as 1.jpg, 2.jpg shown in the above screenshot since you dont have them for now. This is ok. Click your index.html file () on the left to select it.

Figure 0.6: Visual Studio code editor window (right side) showing the first line of our code

A code editor window will open on the right side with the title index.html (). Henceforth, you will be writing your code inside a window like this. The number you see below the tab () indicates the first line of your code. So, are you ready to start coding? Move on to the next chapter!