html - Approach to building a GUI for a web application -
first, short disclaimer. have next no knowledge web applications. come ios background exclusively wrote native code, if write answers know nothing outside shallow parts, great.
i'm interested in learning stack develop web applications, i'm not sure right way build gui is. know web front end consists of html , css create display , javascript bridge between end , gui, don't know best way put together.
i know in ios, can use interface builder (part of xcode lets graphically create xml describes display) create gui's without knowledge of how ios translates xml rendering, or written in xml files. there analog web front end?
i'm looking list of accepted ways develop gui web application. if have learn html , css, it, i'd know options , tradeoffs between each of them.
i can answer shortly stating (technically) can design web pages without coding in html or css, or javascript - although, limited in creative abilities , applications.
you can read wysiwyg html editors on this link, or try out ckeditor (someone said it's good)...
...i think bit of background reach correct decision...
so here goes:
the long answer
i start trying put world of web programming , design concepts correlate ios coding.
if @ whole of web app mvc perspective, browser view, server controller , database model... although simplified.
just in ios, each of these can (but doesn't have be) broken down sub-mvc systems.
just model in mvc, view (the browser) can talk model (the database), shouldn't. that's bad practice.
if break down main-view (the browser) sub-mvc system, consider html model, css view , browser (through links , javascript) controller.
it's not clear cut, thinking helps me practice better , cleaner coding.
the html view's model web-app - contains data displayed or used.
html variation on xml format , contains data organized in similar way xml file.
the basic html file contain:
<html> <head> </head> <body> </body> </html> this should familiar if read xml.
the css (cascading style sheets) view - states how html data should displayed.
if web app does't have css, use browser's default css/styling applied on data in html.
this "language" makes me think more dictionaries in ios (i think that's they're called in objective c). have properties , values (like key-value pairs) determine how html data displayed (if it's displayed).
they this:
body { color: white; background-color: black } the browser web-app's view's controller - makes work , serves screen.
javascript , links tell controller want do, browser acts (and willfully @ times).
you can have whole web app acts without javascript, using default actions offered links - in case browser ask server (the main controller) do.
javascript helps move of legwork server client, allowing have "smarter" controller our view - in ios.
the issue of errant main-view / browser
not views created equal, , not browsers same.
because browser used controller web-app's view, , because browsers act differently others, web coders have problem of working around else's idea of how our view's controller should behave.
you might see complaining quite lot (especially complaining internet explorer).
these days, issue not big of problem used be... it's people don't update computers...
wysiwyg web editors
there website builders , editors try work x-code does, allowing build website write word documents.
but, unlike x-code codes graphical interface of view, these website builders write model , add javascript mix.
when use these tools (which avoid), whole mvc model breaks apart.
we can use them starting point dirty work, take code apart , adjust our needs - taking code need view (css) , applying need (and discarding of nonsense add code , html).
to summarize
as can tell, html , css (and javascript) small part of web app - relate main view of web app.
to write controller , models web apps, use other tools (such ruby, php, js.node, mysql , like).
coding html , css isn't hard might think, although might harder present be.
you can avoid writing code web apps , use applications offer wysiwyg (what see get), limit abilities , take away control on want create.
Comments
Post a Comment