Skip to content
IND- 407 App Development
Share
Explore
Week by Week

icon picker
Week 6

Intro to No/Low-Code Frontend Tools
Loading…

What is a Front-End?

If an App was a house 🏠, the front-end would be the interior design.
The front-end is the part of the app that the user 👤 interacts with.
When we were building wireframes, we were building a front-end.
Front-end is typically built using a combination of

HTML (Hypertext Markup Language)

The Structure
html sample.png

CSS (Cascading Style Sheets)

The Design
css-advance-1.jpeg

Javascript

How it all interacts
destructuring-return-array.png
"Everything you’re seeing on this website right now was made possible by a front-end developer. A designer created the logo and graphics, a photographer took the pictures, and a copywriter wrote the text. But a front-end dev assembled all of those pieces, translated them into web-speak, and built the experience you have with each page."

What are No/Low Code Tools?


“No-code” tools are software development platforms that allow even non-technical employees to build and deploy their own applications without writing a single line of code. - the Internet

No-code platforms can build software without the user having to modify the underlying codebase. They typically use a visual interface that guides users step-by-step through the development process. In many cases, these tools use drag-and-drop functionality.
Low-code platforms may call for limited amounts of coding, requiring non-technical users to work together with developers during some or all of the development process. The solutions may have a mixture of visual interfaces and coding sections, so they do offer some guidance.

No-code/Low-code solutions both have their uses, so choosing between them requires understanding their strengths and weaknesses. You could also end up using no-code platforms for some teams and use cases, and low-code tools for projects that require greater customization.

@Appgyver
Tutorial Time

(A cool walkthrough I found) ​

Assignment

1)Create a new project 2) Name your project “Week 6 - {Your_Name}” 3) Complete
@Appgyver
Tutorials (the purple section at the bottom) 4) Take a screenshot and drag it into the Screenshot column next to your name
Screen Shot 2022-09-14 at 2.08.04 PM.png
Screen Shot 2022-09-14 at 2.08.11 PM.png

Name
Screenshot
1
Hannah
2
Alyssa
3
Brandon
4
Kiani
5
Jameelah
Screen Shot 2022-11-15 at 9.34.32 AM.png
6
Yiwen
There are no rows in this table

Week 6 Specific Questions

If at anytime you want clarity or further explanation on a topic, types “@” and then the instructor’s name for a response beneath your question.
ex:
@Cameron Golinsky
How do I tag you on the page?
@student_who_asked: You just did it!

Questions

1)

Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.