In Web-Development there is an area that enables the website to interact with the user, and transform it from a static website that presents information, to a dynamic website that can interact with the user and provide a service by executing a series of commands that will process data and give an answer to specific questions.
The second video will teach how to open an account to CodeWars.com and how to use it.
Introduction to CodeWars:
Here are some of the most basic problems ready for you to solve them:
If I tell you that the water boils at 100 Celsius degrees, what is the equivalent in Fahrenheit?, also if in the news you heard that the temperature for today is, 72 degree Fahrenheit, what is the equivalent in Celsius?
To do this conversions we use a simple formula:
Employers and customer want to hire a developer that will be able to perform the required job, one way to show them that you have experience is to show them the work that you did in the past, and the easiest way is to have a PORTFOLIO website, where employers and customers can see examples of the work that you did before.
The Portfolio is also a place where you can present your self and show that you are more than a Developer, just dont share too much about your personal life or hobbies, remember most of the people there what to get to know your work and your developer side. There are much more to talk about why you should have a Portfolio Site, however on this article is more about how to create one, I you want to know more about this you can ask the developers best friend: “GOOGLE”, also here are a couple of links to articles that talks about this:
Now the meet of this article, the following are some videos that will teach the process of how to create a basic Web-Dev Portfolio Site, this is a basic example from where you can get ideas and start the foundation of your own portfolio site.
Instructions and Resources :
By the end of this class you will code the following Portfolio site: Portfolio-Example
In this project I will use 5 images and 1 .pdf files those file should be your own pictures, however on this practice you can download and use the ones that I will use, to download them Click the image below or this link: Project Resources
Videos in how to code the Wev-Dev Portfolio:
01- Review and Start of Port Folio Site:
– – – – – – – – – – – – – – – – –
02- The projects part of the Portfolio:
– – – – – – – – – – – – – – – –
03- Contact Me and Finish Portfolio:
This is a basic site that is intended to provide Ideas, inspiration, and a foundation to your own Web-Deb Portfolio Site, now you can customize it and use your own picture, projects, resume, and projects in your own personal Web-Dev Portfolio.
The final step after customizing the portfolio with your own files, is to get that portfolio online where potential employers and customers can see it, here is a link were you can find Free: Domain & Hosting for your portfolio: Hosting a Website.
Note: If there are some words that you do now know, chances are that is a Web-Dev Jargon, or a reserve word from the language, to find out more about this new term i suggest that you use the industry tool to find terms and words that we do not know, used for the best programmers in the world, GOOGLE, also I will include a couple or links with a glossary where you can find those terms: Link1 – Link2
01 – Explanation of Project:
Here is a short explanation of the scope of the project:
02 – Set-Up Project:
Steps to setup the files and environment for the project:
03 – Index.html File:
Here is the HTML code:
<title>Add two numbers</title>
<h1>Add two Numbers</h1>
<label for="perc">First Number:</label><br>
<label for="perc">Second Number:</label><br>
<button type="button"onclick="add()">Sum the Numbers</button>
By now you know how to create websites, now it time to get them LIVE on the internet for everyone to see what you just created, this little tutorial will guide you in how to take the file that you created and put it live in the internet.
in this case we will use the following example as our website.
This is a website about fitness without a GYM. and the code can be found on GitHub: Hosting-Example.
When building houses is important to have the blueprints, another thing that can provide important information is where the house will be constructed, knowing more about the location, can help us to make the home better.
We like to build Websites, and knowing more about where those websites will located is important, we know they will be on the internet, but what exactly is the internet??
The following are some videos that I found on Youtube, I did not create this videos, but they give a good explanation about this topics.
Now lets study a little more about DNS. or Domain Name System. (what is the name of your website and how to get there).
This knowledge can help you to understand the environment where the websites will be deploy, this are just the basics, there are much more to learn but is a good beginning.