ENGLISH COMPONENT – CYCLE 3 SESSION 3
Acá puede ir una descripción breve o información adicional
sobre el documento.
Web Application Development
Worksheet 3.1
New vocabulary: Write down the translation for each word
remote server
end user
front-end
client-side
server-side
scripts
load
quality assurance
hardware
off-line
Worksheet 3.2
Play a Memory Game. Match the words to their definitions. Color
them.
https://puzzel.org/es/memory/play?p=-Mgf-SCV2pgxAPBv97UL
Worksheet 3.3
READING STRATEGY: Prior Knowledge
Watch the video and complete the blanks with the correct words
https://www.youtube.com/watch?v=2bfUm7dlKpI
Muscles need _____ _____ _____ ______ ____ _____
Brains need _____ _____ _____ ______ ____ _____
For a good workout _____ _____ _____ ______ ____ _____
It also helps _____ _____ _____ ______ ____ _____
Answer the questions
What is activating prior knowledge?
Why is really important this strategy?
How does prior knowledge prepare you to read?
Worksheet 3.4
Read the following text, create 5 questions and answer them in a
graphic organizer. Share your G.O with he group
Web Application Development
Web application development is the creation of application programs that
reside on remote servers and are delivered to the user’s device over the
Internet. A web application (web app) does not need to be downloaded and
is instead accessed through a network. An end user can access a web
application through a web browser such as Google Chrome, Safari, or Mozilla
Firefox. A majority of web applications can be written in JavaScript, Cascading
Style Sheets (CSS), and HTML5.
Web application development will typically have a short development life-
cycle lead by a small development team. Front-end development for web
applications is accomplished through client-side programming. Client refers
to a computer application such as a web browser. Client-side programming
will typically utilize HTML, CSS and JavaScript. HTML programming will
instruct a browser how to display the on-screen content of web pages, while
CSS keeps displayed information in the correct format. JavaScript will run
JavaScript code on a web page, making some of the content interactive.
Server-side programming powers the client-side programming and is used to
create the scripts that web applications use. Scripts can be written in multiple
scripting languages such as Ruby, Java and Python. Server-side scripting will
create a custom interface for the end-user and will hide the source code that
makes up the interface.
A database such as MySQL or MongoDB can be used to store data in web
application development.
Best Practices
Web applications will have a large amount of information that may contain
mistakes, so the testing process for web applications tend to be more in-
depth than other forms of software. Web application development tests may
include: security, performance, load, stress, accessibility, usability and quality
assurance tests. Other tests that can be performed for web applications
include HTML/CSS validation or cross-browser tests. Many of these tests can
and should be automated whenever possible.
Native and Hybrid Apps
Web applications are sometimes contrasted with native apps and hybrid
apps. Native apps are applications that are developed specifically for a
particular platform or device and installed on that device. Native apps can
use device-specific hardware, such as GPS or cameras. Native apps typically
have an advantage in functionality over web or hybrid apps.
Hybrid apps are a combination of native and web apps. The inner workings of
a hybrid application are similar to a web application but are installed similar
to how a native app would be. Hybrid applications have access to
internal APIs which can access device-specific resources similar to a native
application. For example, native apps are faster and perform more efficiently
because native apps are designed to be platform specific. Hybrid apps have
the same navigational elements as web apps since hybrid apps are based on
web applications. Additionally, there is no off-line mode for hybrid
applications.
