Explore
For Enterprise
Join for Free
Log In

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 (507 Bewertungen) | 48K Teilnehmer angemeldet

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

Kompetenzen, die Sie erwerben

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

Bewertungen

4.6 (507 Bewertungen)

5 stars
367 ratings
4 stars
108 ratings
3 stars
23 ratings
2 stars
3 ratings
1 star
6 ratings

PT

Jan 22, 2017

Even though I haven't been able to purchase the course (yet!), I am very glad that I decided to take this anyway~ It's like an into course for dummies! Except without making you feel dumb~ Lol.

MS

Feb 20, 2019

This course deals with all client side fundamentals of web development. It starts from teaching of HTML to javascript validation of HTML forms. Overall this course is a must for beginners.

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.

Coursera

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

Community

Kursteilnehmer
Partner
Entwickler
Beta-Tester
Übersetzer
Blog
Tech-Blog

Mehr

Nutzungsbedingungen/AGB
Datenschutz
Hilfe
Barrierefreiheit
Presse
Kontakt
Verzeichnis
Partnerunternehmen

© 2019 Coursera Inc. All rights reserved.