Roberto M. Ladres Jr.

FED 1st Week of September

VISUAL STUDIO CODE

In this video, I have learned how nice Visual Studio is as an Integrated
Development Environment (IDE), it is a brilliant programming application compiler
because it provides the environment for developers to build applications for web,
desktops, and mobile devices. It has a lot of features and one can develop applications
in different languages like C#, VB.Net, F#, J#, C++, C, Python, JavaScript, Django, Java,
and so on.
As a first timer using this IDE, I really have a hard time understanding every function,
knowing that the features and the functions are new to me, and it is not familiar. But after
watching the video, I somehow learn the basics, layout, and the different tabs that Virtual
studio had. For the layout, I have learned that there are different tabs that we can access
in the left-most part of the sidebar, and I am amazed by how organized this IDE is upon
opening the files and the folders wherein your code was being saved. Another feature
that I am really amazed by it is how Visual Studio connected to the GitHub repositories.
Like you can commit changes to your source code in GitHub using this, it quite amazed
me. I also like that all the stuff that we have in our Git that we can actually maneuver, do
and change it using the Visual Studio Code.
One thing I also like about VS Code is the availability of different extensions that we
can install, like the Cobalt2 Themes, through this we can change the themes of the
interface, and with the simple steps to follow, automatically the color schemes will be
changed. Just follow your comfort in choosing your color. Another extension that I like is
the Prettier Extension, It makes your code organize as it is and another power that it can
do is that if you have spacing errors and tab errors, this extension will automatically fix
them after you save your code file. The word itself is prettier it makes your code pretty.
Another thing that I have learned is the use of different keyboard shortcut that is
very useful while coding, to practice efficiency and efficacy. Practicing these shortcut keys
will help us save time and effort in finding the buttons and tabs that we intend to do.
With this simple thing that I have learned in the video, I can tell that VS Code is
really a good application that first-timers should consider using. I’m glad I saw this video.
THE COMPLETE WEB DEVELOPMENT (ZERO TO MASTERY)
PART 1
In this set of sections, I have learned the basic concept that makes me familiar with
the web and how it works. Even if I have an idea of how the web works and how to browse
using it, I still got a lot of learnings that I shockingly didn’t know.
One important thing that I have learned in this part is that I already have an idea
of how the web works beyond the front-end view that we can see. It is explained in the
video that if we are going to search for a query on the web and enter it, that query will
travel down until it reaches out to the Internet Service Provider (ISP), the companies we
are paying to have internet. ISP get all the quest and they will be sent to Domain Name
Servers (DNS), which is a phonebook that has the list of URLs, that has the addresses of
every online site. DNS then sent back the request to the ISP and the website gets the IP
address of your query. This IP address allows the internet to work essentially, it knows
the location of our address and the location of the Google Services. The IP address will
be sent off to the Google Servers and the Servers are the ones responsible for displaying
the websites to the browsers with the use of HTML Files, CSS, JavaScript, and a lot more.
One thing that the video shows us is that we can break, have fun and view the
code behind the websites. We can view the back-end code of every element of the web
by simply inspecting it. We can edit the text and view the changes of your alteration.
Everything will be back to normal after you request again the queries so no worries.
Another thing that I have learned is how our signals or webs are connected to our
service providers or signals. For example, we have Wi-Fi, and this Wi-Fi is connected to
our routers, and routers are connected to our modems which allows the ISP to connect
to it. This modem has a signal tower that transmits signals of the web that are connected
to the ISP. Then the ISP is connected to this powerful Internet Backbone.
Traceroute is also being discussed in this part, traceroute is a fun way to locate
the IP Address of the servers where our request goes. We can see a lot of addresses that
are trying to locate the google servers. Another thing that is being discussed is the
Developer’s Fundamentals wherein you will be considering three things while building an
application or website. These three are the Location of the Servers, How Many Trips, and
the Size of the file.
That are all the things that I have learned and now it feels like I fully know how the
web works and what is the story behind everything.

PART 2
 In this set of sections, I have learned how the internet works and what is the
history behind this technology, what is the history of the Web and the web browser.
This part makes me realize who is the number one person responsible for
making and inventing the World Wide Web in 1989 and that is Sir Tim Berners-
Lee the first web developer. It is explained that the Internet starts with an
ARPANET in December 1969 it is a Military Project that is connected to a few
universities up until it grows to a lot of universities connected it. Due to the
difficulties of sharing information and communicating with each other, Sir Tim
Berners-Lee decided to create the World Wide Web, it is the meaning of the most
famous abbreviation that we mostly see which is WWW, it is a common language
that the computer can speak. With the World Wide Web, we can now see a text
prototype and can share images and file through agreed-upon language.
The video also emphasizes the difference and distinctions between the
Internet and the World Wide Web. And we can understand it by simply viewing the
phone as the Internet and the mobile applications are the World Wide Web that we
are going to use on phone.
In this part, it was explained that in 1993 the HTML file is the only way for
us to write text on websites and this text can have hyperlinks that are linked to
another web page, files, and research paper. In 1995 and 1966 two technologies
came in and that is CSS and Java Scripts. CSS solves the aesthetic and visual
aspect of the website while JavaScript solves the interactive part of the website
wherein, we can input text, get data and read it.
In the next part of the video, it is explained that as a developer one thing
that we should consider is the flexibility and the adaptability of our code to the
different browsers. It is emphasized that we should consider the output of our code
and make it good for every website, whether it may be on the web or on mobile
phones. The output of your code should be the same even if the users have
different screen dimensions.
The video in this part gives me an understanding on what is the underlying
concepts of the internet and how the technology we have now come to be where
they are.

PART 3
 In this set of sections, I have learned how to use HTML files and build a website.
It made me realize that after watching this video, it is important to get advanced HTML
where we are going to build complex forms and getting good at it is important.
In this set of sections, I have learned the basic steps on how to build my own
website and sample projects that are basically very useful in the IT industry. I learned
how to use different tags and know the purpose of these tags. It gives me a piece of
additional information with the tags, and it updates my little knowledge regarding it.
It also gives me an idea on what is the purpose of the tag, <! DOCTYPE HTML >,
it is used to indicate, head up and tell the browser that the file that it will be going to read,
and use is an HTML file. It also gives me an idea of what tag to use in order to make a
header, make a paragraph, make a list and so many more. I also learn the term of a tag
that didn’t need to have a closing tag and that is called a Self-Closing HTML Tag. I also
learn how to put the image on your website to make it more beautiful and aesthetically
pleasing to the eyes.
I also learned what is an Anchor Tag, it is a kind of tag using the letter “a” as its
symbol, this tag will always follow by a “href” tag which is an attribute to link a new page,
URL, or files. Anchor tags are used to connect one webpage to another webpage,
whatever and how many webpages you want to link.
It is also discussed in the video the difference between Relative Path and Absolute
Path. It is explained that when we talk about Relative Path it uses a “file” protocol and
that means that this webpage cannot be accessed outside of the computer wherein the
files are being saved. A relative path is a path that describes the location of a file or folder
relative to the current working directory. It can be best used to refer to websites that are
located on the same folder or domain. While the Absolute Path, is the opposite of the
Relative Path, it can be accessed outside your computer through the internet. An absolute
path is a path that describes the location of a file or folder regardless of the current
working directory.
That is all that I have learned in the part 3 videos so generally, it is just a basic step
on how to build your simple webpage using HTML files.