Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML Prototyping with Foundation for Apps Finishing the Prototype Front Matter Challenge Solution

Posted by arshin
arshin
17,770 Points

How do we extract and use data from forms? I would love to allow reviews and trails posted!

Dear Treehouse Community,

I have successfully completed the "Prototyping with Foundation Apps" course and I am planning to build my own prototype for a different idea. Before proceeding however, i plan to practice my skills, all while improving the functionality of the current model.

My main concern is that I want to retrieve user-submitted data from the forms to build the "add a trail" view, the search menu and filter processing. At this moment however, I do not know how to pull-data from the forms built using HTML and would appreciate any assistance in that regard.

Thanks!

3 Answers

Gunhoo Yoon
Gunhoo Yoon
5,027 Points
Gunhoo Yoon
Gunhoo Yoon
5,027 Points

Manipulating user submitted data is done by server-side scripting languages such as Python(Django), PHP, Ruby(Rails).

TreeHouse has separate course for each of them. PHP and Ruby is pretty popular at the moment.

arshin
arshin
17,770 Points

Thanks Gunhoo! I can certainly imagine myself completing this task using Python, however that'll be a tremendous effort. In this case, to clarify, I was hoping to add the user submitted data directly into the html page, and I am certain Angular is capable of manipulating and adding data into html.

Update: Due to its static nature, I may need to proceed with Python or a backend language.

Gunhoo Yoon
Gunhoo Yoon
5,027 Points
Gunhoo Yoon
Gunhoo Yoon
5,027 Points

I still haven't got into much server-side scripting but people say they are all excellent.

Google's top search on why Django?

Guil Hernandez
STAFF
Guil Hernandez
Treehouse Teacher
Guil Hernandez
Guil Hernandez
Treehouse Teacher

I was hoping to add the user submitted data directly into the html page.

Hi Arshin Jain,

You can do that with custom Angular controllers and local storage. These topics were outside the scope of the course, so I didn't cover them. But you can see a working example of it here.

Type/submit some info in the 'Add trails' form, then click over to the search results view -- you'll see your new trail. The same thing in the review form: write a review and you'll see your review inserted into the 'Trails' view.

I may record some workshops on these topics soon. :)

Gunhoo Yoon
Gunhoo Yoon
5,027 Points
Gunhoo Yoon
Gunhoo Yoon
5,027 Points

Trendy! This actually might be better before you jump into totally new territory.

arshin
arshin
17,770 Points

Fantastic! Guil, I will looking out for that!

arshin
arshin
17,770 Points
arshin
arshin
17,770 Points

I may perhaps begin with the AngularJS course, but you are certainly correct: server side programming is excellent and well-suited for this task!

arshin
arshin
17,770 Points

Foundation it seems is only a prototyping tool. It builds files to static web pages.