Overview of Web and Cloud Development
Overview of Web and Cloud Development
” After
watching this video, you will be able to: Describe the basics of
website interactions. Define front-end and back-end
development, and Recognize the developer tools and their
importance in the web and cloud development workflow.
When starting as a Web Developer, it can be challenging to
determine what you need to learn. Understanding how the
websites you’re already familiar with are constructed and
delivered is a good starting point. Let’s review the basics of how
you interact with a website. First, you launch an internet
browser. There are a lot of options such as, Google Chrome,
Microsoft Edge, Mozilla Firefox, and Apple Safari. The browser
has an address bar where you enter a URL, like www.IBM.com.
The browser then contacts the server with the URL and
requests the information that describes the website. The server
then sends a response containing the data to display the
website. For most websites, the server will return: HTML, which
defines the structure of the page but doesn’t look very
attractive CSS, which adds styles and flair to the page and
JavaScript, which adds interactivity and dynamic content. The
content displayed by websites can contain elements that are
either previously stored on the server (called “static”) or
generated each time the client requests it (called “dynamic”).
Dynamic elements can involve information from other systems
and applications, such as databases. Most websites contain
static and dynamic elements to provide the best client
experience. Cloud applications are similar to websites in
requesting content that a server returns. Developers build
cloud apps to work with a cloud-based back-end infrastructure
seamlessly. Cloud-based data storage and processing, and other
cloud services, make websites very scalable and resilient. There
are two primary divisions in the environment for building
websites and Cloud Applications: front end and back end. The
front end deals with everything the client can see and interact
with online. Front-end developers specialize in front-end coding
using HTML, CSS, JavaScript, and related frameworks, libraries,
and tools. The back end deals with everything on the server
before sending the code and data to the client. The back-end
coding handles the logic and functionality that make the
website or app work and the authentication processes that
keep data secure. Back-end developers may also work with
relational or NoSQL databases, collaborating with database
administrators on bigger projects. Full-stack developers have
skills, knowledge, and experience in front-end and back-end
environments. You will need the appropriate tools to support
your chosen specialty. The first tool developers add to their
resources is a code editor. Developers need tools to integrate,
build, compile, and debug code. Integrated Development
Environments (IDEs) incorporate these additional capabilities
beyond just code editing, making it easier to build and manage
the code. Good IDEs support multiple languages and integrate
with management and storage tools like Git and GitHub. Other
useful features are custom extensions and themes. Examples of
code editors and IDEs include Sublime Text, Atom, Vim, Visual
Studio, Eclipse, and NetBeans. In this video, you learned: The
basic communication between clients and servers How
websites are built and displayed Front-end development deals
with everything the client can see and interact with online
Back-end development is about what happens on the server
Full-stack development includes both front-end and back-end
development, and IDEs will help you create and manage your
code.