Front-End Web Developer , UX, UI , User interface , user experience. front end developer , front end designer, Back end

1. Front-End Web Developer Nanodegree
Session 1

2. Agenda
• What is Front-end application.
• Front-end vs Back-end
• Front-end job titles
• UI vs UX
• Objective of web application

3. Front-end application
• Front-end application is one that user interact with
directly.
• Front-end is everything involved with what the user sees.
• We can built complete web application using front-end
tools (static web site) without any backend development.

4. Front-end vs Back-end
• Front-end developers are
responsible for a website’s
user-facing code and the
architecture of its immersive
user experiences. In order
to execute those objectives,
front-end developers must
be adept at three main
languages: HTML, CSS,
and Javascript
programming.
• The back end of a website
consists of a server, an
application, and a database.
• back-end developers use
server-side languages like
PHP, Ruby, Python, Java,
and .Net to build an
application, and tools like
MySQL, Oracle, and SQL
Server to find, save, or
change data and serve it
back to the user in front-end
code.

5. Front-end Job Titles

6. Front-end developer
• Front-end developer :mean some one with good
knowledge in some languages like HTML ,CSS and
JavaScript. He need to be familiar with frameworks like
Bootstrap, Foundation, Backbone, AngularJS, and
EmberJS, jQuery and LESS.

7. Front-end Designer
• Front-end Designer: and call web designer . Web
designer could just be someone who designs the sites in
program like photoshop or fireworks and will never touch
the code.

8. UI vs UX

9. User Interface
• user Interface (UI): is basically a visual design. It not
usually involved in the implementation of the design. It
might use light HTML and CSS. It more related to color
and photos.
• user Interface (UI): and is a digital field , which includes
responsibility for cooperation and work with developer
code.

10. User Experience
• User Experience (UX): it depend on study and research
how people use site and make changes through a lot of
testing.
• User Experience (UX): is the process of enhancing
customer satisfaction and loyalty by improving the
usability , ease to use and pleasure provided in the
interaction between the customer and the product.

11. Objective of web application
1. See the information in a format that is easy to read and
relevant.
2. Use a large variety of devices with variety screen sizes .
3. Variety screen resolutions.
4. Ensure that web application comes up correctly in
different browsers.
5. It must be cross-platform and cross-device

12. Front-end Language
(HTML)
• HyperText Markup Language (HTML)
• (HTML) is the backbone of any website development
process.
• Hypertext means that text has links, termed hyperlinks,
embedded in it.
• When a user clicks on a word or a phrase that has a
hyperlink, it will bring another webpage.

13. Front-end Language
(CSS)
• Cascading Style Sheets (CSS)
• (CSS) controls the presentation aspect of the site and
allows your site to have its own unique look. It does this
by maintaining style sheets which sit on top of other style
rules and are triggered based on other inputs, such as
device screen size and resolution.

14. Front-end Language
(JavaScript)
• JavaScript is an event-based imperative programming
language.
• JavaScript code can also actively retrieve content from
the web ,and also react to server-side events as well,
adding a truly dynamic nature to the web page
experience.

15. General Talk
• Course projects.
• Course Target.
• Front- end career.
• Other useful material.

16. Contact me
Engmarwaayad@gmail.com
https://eg.linkedin.com/in/marwa-ayad-mohamed-
0a405215