Web Develpment

WEB DEVELPMENT


-Alaxa4Digital. Alaxa4Digital is the fastest growing web development explained in ten minutes well cover six critical areas of web development which together form an entire web development stack meaning we'll start with user interfaces within the front-end code they're made of we'll mention api's and the way data gets transferred over networks will touch on backends databases security a hardware servers run on and modern cloud computing but before any of that let's look at how web development has evolved over the past 20 approximately years we started with web 1.0 the age of static sites that essentially just displayed information we had the dot-com bubble Seinfeld AOL and tons of sites that looked like this in other words they were very useful within the mid to late 2000s web 2.0 they're of dynamic Web Apps began to emerge while there is no agreed-upon definition web apps are usually characterized by user-generated content push notifications and every one the opposite things that give us anxiety now many believe we're entering a replacement third era customized.

AI driven experiences that are different for each user two examples are the YouTube recommendation algorithm also as Amazon knowing what we want to shop for quite we do these advances have blurred the lines between web development and therefore the remainder of software development let's dive into our stack starting with front-end notably this is often what the user sees and interacts with directly it is the portal from our app to the outside world most most are familiar with the front Trinity HTML CSS and JavaScript it all starts within the browser though once you visit a URL this will begin an invitation for index.html from Google servers an HTML files only made from two things we've text and more importantly tags these tags can modify text add links break our page into sections and add classes that we can apply styles to we even have standalone tags essentially these tell the browser to load additional assets whether that's an image or additional files one such file might be a CSS file which creates an additional request of the Google servers and we receive it in the least scan through and loaded HTML and add styling this is often done through selectors and attributes selectors find elements and keep you broad checking out all matching a tag or more narrow with a category or ID an attributes are the styles we apply here's some examples something nerve-wracking for all people learning CSS is the way to do spacing you'll do 95% of your spacing if you master something called flex bucks I'll leave an excellent link within the description to find out this CSS isn't logical it's mostly just practicing memorizing and applying what you've learned for this reason Google is your friend back to our HTML file there's another important tag we'd like to speak about it's the script tag which allows us to load JavaScript files from our server or elsewhere on the web by the way servers that send these quite files we're talking about are generally referred to as web servers so we see a script tag we request our file and it gets sent over let's check out a number of the stuff javascript is liable for with an example for instance we've a button that logs us in what triggers the log in is known as a user event or a click on the button to reply to the present event we need what's referred to as a listener some code that waits for the button to be clicked and responds accordingly when the click happens JavaScript can update our HTML to point out a loader so JavaScript would update the looks of our page we then send this login data to our server to validate it jeaious lets us talk to our server without reloading the page these can request whether it's to send data or request more data are known as Ajax asynchronous JavaScript and XML requests in 2020 most front-end developers are using frameworks here's a few frameworks ranked from easy to hard to learn and here's them ranked by usage these frameworks don't do anything javascript can't do but they provide us a better developer experience which when you're making changes or fixing bugs is pretty much everything that being said browsers can only run JavaScript not framework code so our framework code has to go through a build or bundle step which converts it to normal JavaScript the important part is to settle on one and stick with it although confine mind that react and angular have an order of magnitude more jobs than the opposite two okay we've our front-end but how does it ask the backend that is the purpose of an API essentially our front end and back in may or might not be in different languages so how can we standardize how for these two to speak well we do this with what's called an API most ordinarily REST API z' are used which follow the convention of combining a verb with a location for example we'd want to urge an inventory of accounts or add a replacement account alternatively if we pass a parameter we could get a selected count modify it or delete it rest does give us some nice standards but there is no guarantees if anything changes our front-end can get messed up so there's an alternate called RPC which sets rules beforehand with something called a schema these make inputs and outputs explicit in advance now house data transferred well that's done most ordinarily by sending strings back and forth through a protocol referred to as HTTP ideally these strings are often read by any programming language two common formats are JSON and XML and that we convert data to a JSON string through a process called serialization so web development backends our back-end application layer can glue together multiple different components we will talk to front ends other servers and databases you'll write web backends and pretty much any language but the foremost popular are Python JavaScript PHP and sure c-sharp do back in frameworks are commonplace too to form your life easier and here's the foremost common one for every language i discussed if you're wondering when we would ask other servers backends are often broken into what's known as services this is often just a pattern to separate logic which will make things easier to scale and to figure on other than responding to api's backends might do various other batch processes which are often done on a timer one example of this might be web scraping to speak to databases backends often use what's referred to as an ORM these just give us more semantic ways through query our database increase it then on there are entire college courses on databases but let's mention them at a high level there are two main sorts of multifunctional databases namely sequel and no sequel each provides different strengths and guarantees sequel databases are organized during a strict column representation format meaning to write or increase the database you've got to adhere to the set of rules or it won't work these stricter rules allow you to try to to more complicated things when you're reading from your database alternatively no sequel databases don't really have rules they only have collections which are groups of objects so a user object might have name and email but it isn't enforced these scale far better but you have to take care because there are not any guarantees about the structure of your data again there are more database principles that apply and what you employ is totally circumstantial the three most popular databases are probably my sequel Postgres and MongoDB finally you ought to know that when we're trying to proportion our application databases are usually the slowest and they are the bottleneck and resolving these scaling issues also has entire books written about it let's touch on web security any web app with the login will got to consider authorization and authentication the login itself provides authentication authentication will usually give the user a string based token that's a random sequence of characters this is often then used on the server-side to validate each request authorization on the opposite hand defines different user roles so if I'm an admin i might be ready to do different things than a traditional user we're almost to the top let's touch on infrastructure and networking data centers are just about where all servers and web servers exist unless you have a fanatical server running reception that's always on these servers are just computers without monitors that are constantly running they will be controlled with SSH an immediate thanks to control the machine from the command line but most of what they are doing is automated through scripts you'll group multiple servers into a personal networ each server during a network is named a node and privately networks servers can communicate quickly and securely servers that ask the surface world have more to worry about they're usually found out with a reverse proxy it is a gateway that exposes specific ports to the surface world a port just being a machine specific address a process is running on so you might want to show a REST API sport but not a database port nowadays most of this Hardware management is handled by companies like AWS and digitalocean who run their own data centers and hire out space on demand this is often where the term cloud computing comes in you'll rent a fraction of one server for an hourly or monthly cost cloud providers like AWS will usually offer tons of additional free services that keep you on their platform cloud computing is expand beyond just having servers as a service though you'll run individual functions for a really low cost on demand - so if I wanted to send an email every time something happened in my front-end I can put that during a cloud function moving on if everything after the front-end section wasn't getting you that excited during this video then you'll actually now use a whole back-end as a service meaning everything from database to API configuration to security is handled by the service this means you'll get apps up and running in a matter of hours and it's very easy one example is firebase it is a service I love and use all the time anyway guys that was web development in 10 minutes please just like the video so more people can see it and subscribe if you would like more web and software development contentyou :

OUR AWESOME KEY FEATURES


We are driven by creating experiences that deliver results for your business and for your consumers.

  • Tons of Shortcodes

  • fully responsive

  • EASY TO CUSTOMIZE

  • RETINA READY GRAPHICS

  • ENDLESS POSSIBILITIES

  • RESPONSIVE LAYOUT

  • FLEXIBLE WIDGETS

  • WELL DOCUMENTED

  • PARALLAX SUPPORT

More Features Contact us
OUR CLIENTS

CLIENTS WORK WITH US


“We aren't just experts for hire – we are extraordinary advisors who believe having clients for all times and being hooked in to everything we neutralize the digital space. Alaxa4Digital seasoned consultants will assist you sharpen your ideas and execution with a wealth of latest tools and methods ”

Copyrights © 2021 All Rights Reserved