Front-End vs. Back-End vs. Full-Stack Web Development

Ang pag-unlad sa web ay hindi isang bagay lamang. Ito ay sumasaklaw sa maramihang mga skillsets, at mayroong iba't ibang mga uri ng mga karera sa loob ng espasyo sa pag-unlad ng web. Ang tatlong terminong kadalasang ginagamit ay "front end," "back end," at "full stack." Narito ang mga pangunahing pagkakaiba sa pagitan ng tatlo.

Front-End Web Development

Ang pagpapaunlad ng front-end, habang ang mga bahagi nito ay palaging nagbabago, mahalagang nakikipag-usap sa mga nakaharap sa bahagi ng isang website o web application. Sa core nito, ang front-end development ay nagsasangkot ng HTML, CSS, at JavaScript.

• HTML: Ang HyperText Markup Language, o HTML, ang pangunahing istruktura ng lahat ng mga website sa Internet. Kung wala ito, ang mga web page ay hindi maaaring umiiral.
• CSS: Nagdaragdag ang CSS ng estilo sa HTML. Gusto kong gamitin ang pagkakatulad na HTML ay tulad ng isang mukha at CSS ay tulad ng pampaganda.
• JavaScript: Ang JavaScript, o JS, ay umuunlad sa nakaraang ilang taon. May kaugnayan sa front-end development, ang JS ay mahalaga dahil ito ay nakakatulong na gawing interactive ang mga web page.

Sa pangkalahatan, ang front end ay nauugnay sa mga prinsipyo ng layout at disenyo. Gayunpaman, ang mga front-end developer ay hindi kinakailangang designer.

Talaga, ang mga front-end na developer ay nagtatayo ng panlabas na anyo - ang mga pahina ng website na nakita ng mga user. Ito ay nangangahulugan na ang front-end developer ay dapat isaalang-alang ang pagiging madaling mabasa at kakayahang magamit ng site at / o application.

Bukod dito, ang front end ay tumatakbo sa client - ibig sabihin ang lokal na computer ng gumagamit - sa karamihan ng mga kaso, ang web browser. At ang impormasyon ay hindi naka-imbak sa gilid ng client.

Back-End Web Development

Ang pag-unlad ng back-end na web ay ang nangyayari sa likod ng mga eksena. Ang back end ay nagbibigay-daan sa harap-end na karanasan.

Upang gawing madali ang mga bagay, isipin ang front end bilang bahagi ng iceberg sa itaas ng tubig. Ito ay kung ano ang nakikita ng gumagamit - ang sleek-looking site. Ang likod na dulo ay ang natitirang bahagi ng yelo; hindi ito makikita ng end user, ngunit ito ay ang pinaka-pangunahing elemento ng isang web application. Ang back end ay tumatakbo sa server, o, dahil madalas itong tinatawag, "server-side".

Hindi tulad ng front-end development (na pangunahing gumagamit ng HTML, CSS, at JavaScript), ang back-end na web development ay maaaring umasa sa isang hanay ng mga wika at frameworks.

Ang ilang mga tanyag na wika na ginagamit sa likod na dulo ay kasama ang:

• Ruby (kadalasang ginagamit kasabay ng balangkas ng Rails - AKA Ruby on Rails)
• Python (na kadalasang ginagamit sa balangkas ng Django sa likod na dulo)
• PHP (ang sikat na WordPress CMS ay gumagamit ng PHP sa kanyang back-end - PHP ay may ilang mga popular na frameworks, isa na Laravel)
• Node.js (nakakakuha ng mas popular - ito ay isang back-end na kapaligiran para sa mga web app na binuo gamit ang JavaScript)

Gayunpaman, upang makapagtrabaho ang malalaking mga website at mga web application, higit pa sa isang back-end na wika at balangkas. Ang lahat ng impormasyon sa isang website o application ay dapat na naka-imbak sa isang lugar.

Ito ay kung saan ang mga database ay pumasok. Ang mga back-end na developer ay humahawak din sa mga ito.

(Tandaan: Maaari kang bumuo ng isang website na walang database sa pamamagitan ng paggamit lamang ng HTML at CSS. Ito ay isang static na site at magiging mas nababaluktot. Gayunpaman, ang isang site na nakasalalay sa impormasyon upang maging dynamic na binuo - Facebook, Yelp, anumang e-commerce na site - ay nangangailangan ng isang database.)

Kabilang sa mga popular na database ang:

• MySQL
• PostgreSQL
• MongoDB
• At iba pa

Karaniwan ilang mga back-end na wika / frameworks ay nangangailangan ng isang tiyak na database. Halimbawa, ang buong balangkas ng MEAN ay nangangailangan ng MongoDB.

Higit pa sa pag-alam ng back-end na wika / balangkas at pagpapatakbo ng mga database, ang mga back-end na developer ay dapat na magkaroon ng pag-unawa sa architecture ng server.

Ang pag-set up ng isang server ay maayos na nagbibigay-daan sa isang site na tumakbo nang mabilis, hindi bumagsak, at hindi nagbibigay ng mga error sa mga gumagamit. Nabibilang ito sa ilalim ng domain ng nag-develop ng back-end dahil ang karamihan sa mga error ay nangyari sa likod na dulo, hindi sa front end.

Full Stack

Oo, nahulaan mo ito: Ang buong stack ay ang kumbinasyon ng parehong front end at ang back end.

Ang isang nag-develop ng stack ay isang jack-of-all-trades. Responsable sila sa lahat ng antas ng pag-unlad, mula sa kung paano naka-set up ang server sa CSS na may kaugnayan sa disenyo.

Ang mga araw na ito, mayroong napakaraming napupunta sa pag-unlad sa web na halos imposible upang mahawakan ang magkabilang panig. Habang ang maraming mga tao ay maaaring claim na maging ganap na stack, o sa katunayan ay, sila ay karaniwang karaniwang pokus sa isang gilid: ang client o ang server. (AKA ang front end o ang back end.)

Sa mas maliliit na kumpanya / mga startup, ang isang tao ay mas malamang na magiging responsable para sa lahat ng panig ng spectrum ng web development. Gayunpaman, sa mas malalaking kumpanya, ang mga tao ay nagtatrabaho sa mga koponan at may mga espesyal na tungkulin - ang isa ay nakatuon lamang sa arkitektura ng server, isa pang (o ilang tao) sa front end, atbp.

Konklusyon

Ang pag-unlad sa web ay may maraming mga mukha, at nagbabago ito nang higit pa araw-araw. Mayroong maraming upang matuto, ngunit huwag pakiramdam pressured upang malaman ang lahat nang sabay-sabay. Tandaan, sa mga lugar ng pinagtatrabahuhan, kadalasan ka sa isang koponan sa iba. Tumutok sa pagpapakain sa iyong mga kasanayan sa isang aspeto ng web development sa isang pagkakataon. Huwag madaig, at magiging pro ka bago mo alam ito.