About me

I have strong interests in engineering and a long-term ambition to become a robotic engineer.

I am particulary intrested in engineering and maufacturing environments, where I can contribute , learn frrom experinced professionals and continue to develop my technical abilities

What I am learning

Command line, Git and GitHub workflow
How the web works: DNS, HTTP, browsers and deployment
Semantic HTML, CSS and accessibility basics
APIs, JSON and safe use of online tools

Command line:

I learnt to to use the windows command prompt to create files and folders on my PC and also learnt how to write codes inside these files
Some of the codes i have leanrt using the command line are :
CD:This is used to change the directory eg; cd desktop
Mkdir:This is used to create a new folder eg; mkdir Mywebsite
Touch: does not
Echo: this code is used to write text inside a file eg; echo This is my website >Mywebsite
copy: this is used to copy files and folders in the commnd line with out opening the folders and files eg; copy index.html Mywebsite
Type: This i sused to view the content of a file eg; type index.html
start .: This code is used to view the files and folders in the file explorere app eg; start . Mywebsite
start: This is used to run the code in a file eg; start index.html
Type nul>: Thiis is used to create a new file eg; type nul> hello.txt

GIT and GITHUB

Creating a GitHub account

Go to GitHub.

Click Sign up.

Enter your email address.

Create a password and choose a username.

Complete the verification/CAPTCHA if asked.

Check your email and verify your email address.

Choose the Free plan when asked.

Your GitHub account is now ready

GitHub workflow

Create a new repository on Github

To create a new reposirtory :

Click on the '+ button' at the top right corner
Click on new reposirtory
Next give the reposirtory a name and description
Then click commit to chnages
Next you can choose to add or create files
The most important files are : README.md, index.html, scripts.js and styles.css

After that you need to get the repository link to the webpage and to do this you:

Click on settings
Next go scroll down the on the left menu till you find pages and click on it
On that page You now need to change the source to 'Deploy from branch'
Then under branch chnage 'none' to 'main or master' and 'docs' to 'root'
Click save
Wait for a few minutes and you will be given a link and that will be used to veiw the live page

Navigating between VScode and Github

To do this you down load GitHyb desktop and you can clone all your repositories and connect between Github and Vscdoe.

When GitHub is fully installed and all the reposiroties are cloned you can open the current repository you are working on on VScode and make your changes and then go back to GitHub desktop and save those chnages by commiting to them and then pushing it to origin.

This will make changes to your reposirtry on your GitHub page and you can view the live page.

How The Web Works

The web works by using these 3 terms:

DNS
HTTP/HTTPS
JSON
Browser
Response
Request

Term	Explanation	Example
DNS(Domain Name System)	Finds the IP address for a website name	google.com → 142.250...
HTTP/HTTPS(Hyper Text Transfer Protocol)	Rules for sending information between your browser and a website. HTTPS encrypts data between a web brower and a website	Opening https://google.com
JSON	It is an open standard file format and interchange that uses human readable texts to store and trnsmit data objects consisting of arrays and name value pairs.	{ "id": 101, "name": "Jane Doe", "isActive": true, "roles": ["Admin", "User"], "contact": { "email": "jane.doe@example.com", "phone": "555-0199" } }
Browser	An app used to access websites.	Chrome, Safari, Edge
Server	A computer that stores websites and sends information to users.	A web server hosting a website
Request	A message your browser sends asking for something.	Asking for a webpage
Response	The information the server sends back.	The webpage being sent to your browser

APIs

In this section i learnt how to use fast API and used it create some messages like the 404,200 and 500.

What is FastAPI?

FastAPI is a modern, fast (high-performance) web framework for building APIs with Python based on standard Python type hints. It is one of the most popular tools for creating backend services, particularly for machine learning applications, data science, and microservices.

What does it look like?

Quick FastAPI code looks like this:

from fastapi import FastAPI
app = FastAPI()
@app.get("/") def read_root(): return {"message": "Hello World"}

When you run this code, it immediately sets up a web server and builds an interactive documentation page for you at http://127.0.0

Break down of the code:

@app.get("/") is the Decorator: It tells FastAPI that the function right below it is responsible for handling web requests that go to the main web address ( the "/" path) using the HTTP GET method.
def read_root(): is the function: This is the standard Python function that executes whenever a user or application visits that path.
return {"message": "Hello World"} is the response: This is the data the function sends back to the user. FastAPI automatically converts this Python dictionary into a standard JSON object.

FastAPI can be used to generate some HTTPS status codes

They are sent by the web server in the HTTP header to tell your browser or app whether the web request was successful or if an error occurred. While the code itself lives in the header, developers often repeat it inside the JSON response body so the app can read it easily.

The 5 Categories of HTTP Status Codes:

1xx (Informational): The request was received, and the process is continuing.
2xx (Success): The action was successfully received, understood, and accepted (e.g., 200 OK or 201 Created).
3xx (Redirection): Further action needs to be taken to complete the request (e.g., 301 Moved Permanently).
4xx (Client Error): The request contains bad syntax or cannot be fulfilled (e.g., 404 Not Found or 401 Unauthorized).
5xx (Server Error): The server failed to fulfill an apparently valid request (e.g., 500 Internal Server Error)

Olive Okediran