the difference between front-end and back-end in programming :)

Think of a program like a car. What the dashboard looks like, what each button does, in broad terms, is the front end. The user knows that when they turn this knob, the temperature of the car is adjusted. When they push this button, the music turns on. The back end is how exactly those things are implemented.

For the temperature, turning that knob could make a physical change that makes a fan spin faster, or it could make an electrical change that makes it spin faster. It could also open vents elsewhere, so that not all of the air is directed to you.

The knob could make a motor turn faster, causing the fan to spin faster (electronic), or it could shift gears in a gear box, making the same spinning of the motor translate into less spinning of the fan (physical). It could even change where it got the air from–does it go through a refrigeration unit (like an AC), or does it come from outside? The user may have control over these options, but sometimes all they have is a dial that controls the temperature.

For the music, think of a setup where button A turns on jazz, button B turns on classical, button C turns on rap, and button D turns on the news. When the user pushes a button, the expectation is that the music will change, but the user doesn’t know how it has changed.

Whether that change comes from changing from AM radio to FM radio, from changing stations on the same receiver, or from connecting wirelessly to their phone and searching for an appropriate track to play may be irrelevant to the user, all they know is which button maps to which genre.

Obviously these are a little contrived examples. In most cases you’d be able to dictate whether you want to listen to AM or FM, your iPod, or Spotify, but getting into more realistic examples pushes it out of the realm of “ELI5” and more like “ELI10.” A more realistic example might be looking at the list of music on your phone. Then front end is how it’s laid out, where the buttons are, which parts you can tap, which parts you can drag, etc. The user knows that if they tap here, the songs will get organized by artist name, but if they tap somewhere else, they’ll be organized by song name. The back end would be deciding if these lists are precomputed, or if they are sorted on the fly when the user taps. In the latter case, more “back end”ness would be deciding which algorithm to use to sort. The user doesn’t care, and probably doesn’t understand, anyway. All they know is “click here to sort by song name, click here to sort by artist name,” and that’s that.

www.reddit.com

56 Thoughts to “the difference between front-end and back-end in programming :)”

  1. how to get cialis prescription

    how to get cialis prescription

  2. simplicef vs cephalexin

    simplicef vs cephalexin

  3. zoloft and insomnia

    zoloft and insomnia

  4. metronidazole cipla

    metronidazole cipla

  5. escitalopram causa equivocado

    escitalopram causa equivocado

  6. fluoxetine hcl 10 mg

    fluoxetine hcl 10 mg

  7. gabapentin and duloxetine interaction

    gabapentin and duloxetine interaction

  8. weaning off cymbalta side effects

    weaning off cymbalta side effects

  9. buy sildenafil 50mg uk

    buy sildenafil 50mg uk

  10. can you take lexapro while pregnant

    can you take lexapro while pregnant

  11. will amoxicillin treat kidney infection

    will amoxicillin treat kidney infection

  12. can i drink alcohol while taking cephalexin

    can i drink alcohol while taking cephalexin

  13. ciprofloxacin over the counter substitute

    ciprofloxacin over the counter substitute

  14. what type of antibiotic is bactrim

    what type of antibiotic is bactrim

  15. neurontin doses for neuropathic pain

    neurontin doses for neuropathic pain

  16. what is cozaar used for

    what is cozaar used for

  17. what does flexeril do

    what does flexeril do

  18. flomax side effects edema

    flomax side effects edema

  19. contravene crossword clue 6 letters

    contravene crossword clue 6 letters

  20. diltiazem side effect

    diltiazem side effect

  21. what is ezetimibe/simvastatin

    what is ezetimibe/simvastatin

  22. diclofenac sodium gel 1

    diclofenac sodium gel 1

  23. effexor and alcohol

    effexor and alcohol

  24. what can i take for a headache while on citalopram

    what can i take for a headache while on citalopram

  25. signs of ddavp overdose

    signs of ddavp overdose

  26. side effects of depakote

    side effects of depakote

  27. what is augmentin used for

    what is augmentin used for

  28. bayer low dose aspirin

    bayer low dose aspirin

  29. allopurinol over the counter

    allopurinol over the counter

  30. aripiprazole generic

    aripiprazole generic

  31. another name for amitriptyline

    another name for amitriptyline

  32. augmentin strep throat

    augmentin strep throat

  33. bupropion for anxiety

    bupropion for anxiety

  34. how long does celebrex 200 mg last

    how long does celebrex 200 mg last

  35. repaglinide advantages

    repaglinide advantages

  36. acarbose drugs.com

    acarbose drugs.com

  37. is protonix over the counter

    is protonix over the counter

  38. abilify side effects weight gain

    abilify side effects weight gain

  39. tolterodine tartrate tamsulosin hydrochloride

    tolterodine tartrate tamsulosin hydrochloride

  40. tab sitagliptin 100 mg

    tab sitagliptin 100 mg

  41. 50mg spironolactone for acne

    50mg spironolactone for acne

  42. voltaren 1% gel days calcuation

    voltaren 1% gel days calcuation

  43. synthroid clenbuterol

    synthroid clenbuterol

  44. will tizanidine show up in a drug test

    will tizanidine show up in a drug test

  45. venlafaxine reviews for anxiety

    venlafaxine reviews for anxiety

Leave a Comment