The Importance of Learning JavaScript in Web Development
CS211 JavaScript
Programming
Fall 2018
Instructor: Yvonne Flores
Lesson Objectives
•
New FALL2018 Requirements
•
Why Learn JavaScript?
•
Top Programming Languages 2018
•
Reply to Email that Syllabus received on Day 1.
•
READ the Syllabus.
•
Course Assessment
•
Course Outline
•
Notepad++ Installation
•
Online Resource: www.w3schools.com
•
Exercise: HTML Basics
S
t
a
r
t
i
n
g
F
a
l
l
2
0
1
8
C
h
a
n
g
e
s
t
o
t
h
e
A
s
s
o
c
i
a
t
e
i
n
C
o
m
p
u
t
e
r
S
c
i
e
n
c
e
P
r
o
g
r
a
m
Why Learn JavaScript?
•
Search the Internet and read any number of web pages that answers
the question
Why Learn JavaScript
JavaScript is one of the 3 languages all
WEB DEVELOPERS
must learn:
1.
HTML is to tell the browser what content is being displayed.
•
HTML – HyperText Markup Language
2.
CSS is used to add color and style to the web page.
•
CSS – Cascading Style Sheet
3.
JavaScript to program the behavior of web pages to make it
dynamic and interactive.
Why Learn JavaScript?
•
From (http://www.bestprogramminglanguagefor.me/why-learn-
javascript)
•
Not to be confused with Java, JavaScript allows you to build
interactive websites.
•
JavaScript has become an essential web technology along with HTML
and CSS.
•
You must learn JavaScript if you want to get into:
1.
Web Development,
2.
if you're planning on being a Front-End developer
3.
or on using JavaScript for Back-End development.
Front-End vs. Back-End vs. Full-Stack
•
From
https://blog.udacity.com/2014/12/front-end-vs-back-end-vs-full-stack-
web-developers.html
•
Front-End Developer
•
The front end of a website is the part that users interact with.
•
Everything that you see when you’re navigating around the Internet, from
fonts and colors to dropdown menus and sliders.
•
The web site is a combo of HTML, CSS, and JavaScript being controlled by your
computer’s browser.
Front-End vs. Back-End vs. Full-Stack
•
Back-End Developer
•
So what makes the front end of a website possible?
•
Where is all that data stored?
•
The back end of a website consists of a server, an application, and a database.
•
A back-end developer builds and maintains the technology that powers those
components which, together, enable the user-facing side of the website to
even exist in the first place.
Front-End vs. Back-End vs. Full-Stack
•
Full-Stack Developer
•
Can work cross-functionally on the full “stack” of technology
•
Both the Front-End and Back-End.
2018 Top Programming Languages
•
See the List from Stack Overflow Developers Survey Results(2018)
•
See the List from IEEE Spectrum (July 2018)
•
See the List from Business Insider (April 2018)
2
0
1
8
T
o
p
P
r
o
g
r
a
m
m
i
n
g
L
a
n
g
u
a
g
e
s
(
L
i
s
t
f
r
o
m
I
E
E
E
S
p
e
c
t
r
u
m
(
J
u
l
y
2
0
1
8
)
)
S
o
u
r
c
e
:
h
t
t
p
s
:
/
/
s
p
e
c
t
r
u
m
.
i
e
e
e
.
o
r
g
/
a
t
-
w
o
r
k
/
i
n
n
o
v
a
t
i
o
n
/
t
h
e
-
2
0
1
8
-
t
o
p
-
p
r
o
g
r
a
m
m
i
n
g
-
l
a
n
g
u
a
g
e
s
15 Most Popular Language on GitHub (July 2018)
Source: (https://octoverse.github.com/)
Job Postings for Top Programming Languages (List from (Nov
2017))
Source: (www.indeed.com)
Examples of what JavaScript can do
1.
JavaScript can change HTML Content.
2.
JavaScript can change HTML Attribute Values.
3.
JavaScript can change HTML Styles (CSS).
GCC Web Page Source (www.guamcc.edu)
1.
View HTML Code
•
<html>, </html>
2.
View CSS Code
•
<style>, </style>, style
3.
View JavaScript
•
<script>, </script>
30 Interactive Websites
•
TOP Javascript Websites
•
Source: http://webdesignerwall.com/trends/30-truly-interactive-websites-built-
css-javascript
BEST ADVICE
•
Use the many Internet
resources to view examples of
how to write code in JavaScript.
JavaScript is a crucial programming language for web developers, enabling the creation of interactive websites. It works alongside HTML and CSS to enhance user experience, making it a must-learn language for both front-end and back-end developers.
Uploaded on Jul 18, 2024 | 1 Views
Download Presentation
Please find below an Image/Link to download the presentation.
The content on the website is provided AS IS for your information and personal use only. It may not be sold, licensed, or shared on other websites without obtaining consent from the author.If you encounter any issues during the download, it is possible that the publisher has removed the file from their server.
You are allowed to download the files provided on this website for personal or commercial use, subject to the condition that they are used lawfully. All files are the property of their respective owners.
The content on the website is provided AS IS for your information and personal use only. It may not be sold, licensed, or shared on other websites without obtaining consent from the author.
E N D
Presentation Transcript
CS211 JavaScript Programming Fall 2018 Instructor: Yvonne Flores
Lesson Objectives New FALL2018 Requirements Why Learn JavaScript? Top Programming Languages 2018 Reply to Email that Syllabus received on Day 1. READ the Syllabus. Course Assessment Course Outline Notepad++ Installation Online Resource: www.w3schools.com Exercise: HTML Basics
Starting Fall 2018 Starting Fall 2018 Changes to the Associate in Computer Science Program OLD Course NEW Course CS102 Computer Operations CS212 Python Programming CS103 RPG CS213 PHP Programming CS110 Introduction to Internet CS211 JavaScript Programming CS252 Advanced RPG CS299 Computer Science Capstone
Why Learn JavaScript? Search the Internet and read any number of web pages that answers the question
Why Learn JavaScript JavaScript is one of the 3 languages all WEB DEVELOPERS must learn: 1. HTML is to tell the browser what content is being displayed. HTML HyperText Markup Language 2. CSS is used to add color and style to the web page. CSS Cascading Style Sheet 3. JavaScript to program the behavior of web pages to make it dynamic and interactive.
Why Learn JavaScript? From (http://www.bestprogramminglanguagefor.me/why-learn- javascript) Not to be confused with Java, JavaScript allows you to build interactive websites. JavaScript has become an essential web technology along with HTML and CSS. You must learn JavaScript if you want to get into: 1. Web Development, 2. if you're planning on being a Front-End developer 3. or on using JavaScript for Back-End development.
Front-End vs. Back-End vs. Full-Stack From https://blog.udacity.com/2014/12/front-end-vs-back-end-vs-full-stack- web-developers.html Front-End Developer The front end of a website is the part that users interact with. Everything that you see when you re navigating around the Internet, from fonts and colors to dropdown menus and sliders. The web site is a combo of HTML, CSS, and JavaScript being controlled by your computer s browser.
Front-End vs. Back-End vs. Full-Stack Back-End Developer So what makes the front end of a website possible? Where is all that data stored? The back end of a website consists of a server, an application, and a database. A back-end developer builds and maintains the technology that powers those components which, together, enable the user-facing side of the website to even exist in the first place.
Front-End vs. Back-End vs. Full-Stack Full-Stack Developer Can work cross-functionally on the full stack of technology Both the Front-End and Back-End.
2018 Top Programming Languages See the List from Stack Overflow Developers Survey Results(2018) See the List from IEEE Spectrum (July 2018) See the List from Business Insider (April 2018)
2018 Top Programming Languages (List from IEEE Spectrum (July 2018)) Source: https://spectrum.ieee.org/at Source: https://spectrum.ieee.org/at- -work/innovation/the work/innovation/the- -2018 2018- -top top- -programming programming- -languages languages
15 Most Popular Language on GitHub (July 2018) Source: (https://octoverse.github.com/)
Job Postings for Top Programming Languages (List from (Nov 2017)) Source: (www.indeed.com)
Examples of what JavaScript can do 1. JavaScript can change HTML Content. 2. JavaScript can change HTML Attribute Values. 3. JavaScript can change HTML Styles (CSS).
GCC Web Page Source (www.guamcc.edu) 1. View HTML Code <html>, </html> 2. View CSS Code <style>, </style>, style 3. View JavaScript <script>, </script>
30 Interactive Websites TOP Javascript Websites Source: http://webdesignerwall.com/trends/30-truly-interactive-websites-built- css-javascript
BEST ADVICE Use the many Internet resources to view examples of how to write code in JavaScript.
