Explore
For Enterprise
Join for Free
Log In

예술 & 인문학
비즈니스
컴퓨터 공학
데이터 과학
정보 기술
건강
수학 및 논리
자기개발
물리 과학 및 공학
사회 과학
언어 학습
학위
수료증

Explore all of Coursera

검색
포 엔터프라이즈 (For Enterprise)
로그인
무료 회원 가입

Types

Loading...

Programming Foundations with JavaScript, HTML and CSS

듀크대학교

4.6(5,277개의 평가) | 180K명의 학생이 등록함

Java Programming and Software Engineering Fundamentals 전문 분야에서 5의 강좌 1

Learn foundational programming concepts (e.g., functions, for loops, conditional statements) and how to solve problems like a programmer. In addition, learn basic web development as you build web pages using HTML, CSS, JavaScript. By the end of the course, will create a web page where others can upload their images and apply image filters that you create. After completing this course, you will be able to: 1. Think critically about how to solve a problem using programming; 2. Write JavaScript programs using functions, for loops, and conditional statements; 3. Use HTML to construct a web page with paragraphs, divs, images, links, and lists; 4. Add styles to a web page with CSS IDs and classes; and 5. Make a web page interactive with JavaScript commands like alert, onClick, onChange, adding input features like an image canvas, button, and slider.

강의 계획서 보기

배우게 될 기술

Html, JavaScript, Cascading Style Sheets (CCS), Html5

검토

4.6(5,277개의 평가)

5 stars
3,751 ratings
4 stars
1,105 ratings
3 stars
260 ratings
2 stars
73 ratings
1 star
88 ratings

AN

Nov 02, 2016

I've been learning Javascript with lots of different online courses over the last 2 years and this is the first one that presented the information in such a way that I could understand it. Thanks!

SP

Aug 12, 2018

This is an amazing course! I've learnt a lot of things just in 4 weeks and really proud of myself. Everyone should do this course as it teaches basics of coding which can help you in any field.

수업에서

Algorithms and Programming Concepts

DukeLearnToProgram Environment10:17

Conditional Execution7:12

강사:

Susan H. Rodger
Professor of the Practice
Robert Duvall
Lecturer
Owen Astrachan
Professor of the Practice
Andrew D. Hilton
Associate Professor of the Practice

스크립트

Welcome back.

Now you've seen a better code that works with images and

numbers, two different types of data.

But what if we do something that does not make sense?

Like try to do w.getWidth?

w is the number for 80 which doesn't have a getWidth method

In this particular case, the code will crash when execution reaches this line.

Why is this call to get width fine, but this one crashes the program?

If we go back to our diagram that depicts the state of the program,

you will see that we were working with two different types of data.

fgImage refers to a simple image.

Which has a getWidth method.

But w is a number, a type of data that does not have a getWidth method.

So what exactly is a type?

Well, remember that everything is a number.

But we have lots of different things we want those numbers to represent.

Letters, images, sounds, and just plain numbers.

So the type tells us what those numbers mean.

That is, what kind of thing the number represents.

This is important because the type specifies not only how

the program should interpret the number, that is what the numeric value means.

But also how to operate on it.

The same operation may have different behavior on different types.

This may sound confusing so let's look at an example.

Here we have some code which has two plus operations in it.

As you are about to see, these two pluses will do different things since

they will operate on different types of data.

Let's step through the code.

n1 = 26, n2 = 16, s1 = "a".

Here, s1 is a string, a sequence of letters.

This particular sequence has just one letter, A.

s2 = "b".

Now, we're about to do the first plus operation.

Here we are doing N1 which is 26 plus N2 which is 16.

Both operands are numbers, so we are just doing numeric addition.

26 plus 16 is 42.

Now we are about to do the second plus operation.

However, here we are doing plus on two strings, a and b.

What does it mean to do plus on strings.

For strings, plus doesn't mean numeric addition it means concatenation.

Concatenation is a fancy word for taking two strings and

sticking them together one after the other.

So you get s3 equals the string ab.

Notice how plus meant two different things based on the type of the data it

was operating on.

So how does JavaScript keep track of the type of the data.

It keeps information about the type,

explicitly along with each value when it stores it in the computer's memory.

Then whenever it needs to work with a value, it reads the type and

value out of the memory to figure out what to do.

Because JavaScript keeps the types of all values in memory,

meaning that it tracks and works with the types while it runs the program,

It's called a dynamically typed language.

If you stay for course two and

beyond in which you will learn Java types will work differently.

Java is a statically typed language which means that ever variable and

every expression has exactly one type.

Which must be known before the program can even be run.

For this to work in Java,

you, the programmer, write down the types of your variables explicitly in your code.

Then your code can be checked for certain kinds of mistakes,

like trying to call getWidth on a number before it is even run,

having this kind o mistake found before the program runs is really helpful.

You'll learn more about types and Java in course 2.

For now however, we have a bit more JavaScript to do so

that you can implement the green screen algorithm.

Thank you.

Coursera 카탈로그 살펴보기

무료로 참여해 맞춤화된 추천, 업데이트 및 제안을 받아보세요.

Coursera는 세계 최고의 교육에 대한 보편적인 접근 기회를 제공하며, 최고의 대학 및 기관들과 제휴하여 온라인 강좌를 제공합니다.

© 2019 Coursera Inc. All rights reserved.

앱스토어에서 다운로드하기

구글 플레이에서 받기

Coursera
소개
리더십
직업
카탈로그
수료증
MasterTrack™ 수료증
학위
포 엔터프라이즈 (For Enterprise)
정부용

커뮤니티
Learners
Partners
Developers
Beta Testers
Translators

연결
블로그
Facebook
Linkedin
Twitter
Instagram
YouTube
기술 블로그

이상
조건
개인정보 보호
도움말
접근성
보도 자료
문의하기
디렉토리
계열사