Explore
For Enterprise
Join for Free
Log In

Kunst und Geisteswissenschaften
Wirtschaft
Informatik
Datenverarbeitung
Informationstechnologie
Gesundheit
Mathematik und Logik
Persönliche Entwicklung
Physik und Ingenieurwesen
Sozialwissenschaften
Sprachen lernen
Abschlüsse
Zertifikate

Alle Bereiche erkunden

Blättern
Suche
Für Unternehmen
Anmelden
Kostenlose Teilnahme

Features in Web Applications: The For Loop

Loading...

Introduction to Web Development

University of California, Davis

4.6 (462 ratings) | 46K Students Enrolled

This course is designed to start you on a path toward future studies in web development and design, no matter how little experience or technical knowledge you currently have. The web is a very big place, and if you are the typical internet user, you probably visit several websites every day, whether for business, entertainment or education. But have you ever wondered how these websites actually work? How are they built? How do browsers, computers, and mobile devices interact with the web? What skills are necessary to build a website? With almost 1 billion websites now on the internet, the answers to these questions could be your first step toward a better understanding of the internet and developing a new set of internet skills. By the end of this course you’ll be able to describe the structure and functionality of the world wide web, create dynamic web pages using a combination of HTML, CSS, and JavaScript, apply essential programming language concepts when creating HTML forms, select an appropriate web hosting service, and publish your webpages for the world to see. Finally, you’ll be able to develop a working model for creating your own personal or business websites in the future and be fully prepared to take the next step in a more advanced web development or design course or specialization.

Lehrplan anzeigen

Skills You'll Learn

Css Code, Html, JavaScript, Cascading Style Sheets (CCS)

Bewertungen

4.6 (462 ratings)

5 stars
337 ratings
4 stars
94 ratings
3 stars
22 ratings
2 stars
3 ratings
1 star
6 ratings

RS

Jun 12, 2018

I am not new in coding, but in here I found something useful. I really recommend this course for new people, because it is very easy steps of how to make some coding or personal web page.

SY

Jun 11, 2019

A great course for beginners. Easily taught. Practice exercises are very engaging. Overall , the course is good enough for you to create a basic website with lots of validations and CSS.

Aus der Unterrichtseinheit

Creating Web Applications

In our final module, we're going to explore the basics of designing web applications - programming useful and dynamic webpages that allow our users to interact with them. By the end of this lesson you'll be able to: distinguish between client and server-side development; apply advanced JavaScript programming skills to create logic with selection and iteration; create new features for applications; create more advanced HTML forms; and practice and learn additional troubleshooting and problem-solving techniques. The module wraps with a final peer review activity that will draw upon all of the skills you've learned in this course.

Module 6 Introduction1:42

Client-side versus Server-side Application Development4:28

Features in Web Applications: The While Loop5:16

Features in Web Applications: The For Loop5:02

Creating New Features in Web Applications3:37

Guided Practice with HTML Form Validation, Part 15:42

Guided Practice with HTML Form Validation, Part 27:44

Unterrichtet von

Daniel Randall
Senior Architect at Composer Solutions and Instructor

Skript

[MUSIC]

Hi and welcome back.

In our last lesson, we were talking about JavaScript loops and

in this lesson we'll continue that example and look at one additional type of loop.

Last time I typed in the string Fred Smith.

I wanted to emphasize that when we use strings in a programming language.

You can consider them something like a numbered list of letters.

Where the first letter in this case the f is at position zero.

And the second letter is at one.

And so forth and so I sting Fred Smith has positions zero through nine.

So, when we do our loop and

we have while i is less than fullname.length, i starts at zero.

And at zero it's less than the entire length.

On the next iteration of the loop I is increased by 1 and i is still less

than the length but eventually, i will reach the length and it will pull stop.

As it libiterates,

i takes on the value of each letter position right here where my cursor is.

And so we get the letters, like this output vertically.

Because after each letter, there's a break.

So, that's the while loop.

Let's consider another kind of loop.

So here we have the code for a form example that we looked at previously.

But I've added something new to it.

Near the bottom, I've added a div with an ID form elements.

Let's look at this.

So this is our form that we've used before,

and I'll continue using my test name.

And we'll click calculate and we've seen this output before but what's at

the bottom is new and this is where I put Could do it with the form elements ID.

Notice that was happening here is we're getting information about

each field in the form.

You know this information really isn't useful for somebody users but

it could be useful for us.

Here we've got firstName, lastName, phone, quantity, price, and

total, which are the names of these inputs.

They're all of type text, and at the moment they all have these values.

Now the way I did this is with a loop.

And we go look at that loop.

It's here called display form values starting on line 69.

And in this case our loop is not a while loop but

instead a for loop starting on line 73.

It has the key word for A variable I that starts with a value of zero.

I is less than a elem.length.

And element here on line 72 is all of the elements in the form

document .getElementById, widgetForm .elements.

And widgetForm is the name of our form.

So in this case the variable,

online sent me two, is the entire collection of the form elements.

And this for loop allows us to go through them one by one.

So for each element we go through in the for

loop, we're getting the information that you saw in the output.

So, many times in a programming language, we're dealing with collections of things.

In this case, we have a collection of form elements.

In our previous example, we had a collection of letters that was a string.

And when we want to work with these collections,

we will frequently use a loop to go through the elements of the collection.

One by one, that is letter by letter, or form element by form element,

or any number of things in order through a loop.

And the two most common loops for us to use are the while loop In a for loop.

Now actually we could use either a for loop or a while loop for every case.

You really don't need to form more types of loops.

But sometimes one is a little more convenient than the other.

So we tend to have a few varieties.

With the while and for being the most common.

So the best way to learn loops is to practice with them.

Try reproducing these examples and see how they go for you.

In our next lesson, we'll be doing guided practice for

our HTML form and form validation.

Durchsuchen Sie unseren Katalog

Melden Sie sich kostenlos an und erhalten Sie individuelle Empfehlungen, Aktualisierungen und Angebote.

Coursera arbeitet mit erstklassigen Universitäten und Organisationen zusammen, um Online-Kurse anzubieten und dadurch universellen Zugriff auf die weltweit beste Ausbildung zu ermöglichen.

© 2019 Coursera Inc. Alle Rechte vorbehalten.

Aus dem App Store herunterladen

Erhältlich bei Google Play

Coursera
Info
Leitung
Jobs
Katalog
Zertifikate
MasterTrack™ Certificates
Abschlüsse
Für Unternehmen
Für Regierungen

Community
Learners
Partners
Developers
Beta Testers
Translators

Verbinden
Blog
Facebook
LinkedIn
Twitter
Instagram
Youtube
Tech-Blog

Mehr
Nutzungsbedingungen/AGB
Datenschutz
Hilfe
Barrierefreiheit
Presse
Kontakt
Verzeichnis
Partnerunternehmen