Excedeo Blog

Excedeo has been serving the San Diego area since 2003, providing IT Support such as technical helpdesk support, computer support, and consulting to small and medium-sized businesses.

Single Page Applications - What are they?

There was a time when surfing the Internet meant you would type the address of a web page, a web server sends the first page to you and your web browser would then display it.  If you click on a link or some other content a new request is sent to the web server and a new page is sent back to you.  This works great if the pages of the website seldom changes and each page is unique.  But if there are small sections of the page which change often –for example, a constantly-updating section like a news stream or stock ticker - the web server has to send the entire page every time any of the information changes.  Another common example is if the web page allows you to enter information or make selections and then updates the information on the page based on what you selections.  Sending all these pages to the web server can end up with a lot of time and bandwidth used.

 

Let’s imagine a web site that lets you customize a new car.

 

First, you go to the Acme Car website and the home page of the website is sent to your browser.  You select the option to design your own new Acme car, so a page with all the available models is sent to you.  You select a model and a page with information about that base model and base price is sent to you.  What color do you want?  A new page showing the car painted that color is sent to you.  Which interior fabric do you want?  A new page with that interior and an updated price is sent to you.  What trim package would you like?  A new page with a new price is sent.  You add an option, but wait a minute that option requires a change to the package you selected earlier.  The web server has to send another page telling you this and asking if that is ok.  Once you agree a new page with the updated price and options is sent to you.  Each time you select or change anything the web server has to process that change and send back an entire page again.  Now image trying to do all of this on a slow internet connection or on a mobile device (where you are paying for all of the data that is being sent back and forth).

 

One solution could be to just send all of the possible options and combinations with the first page.  Then let a script running in your web browser decide what information should be displayed and update it according to your choices.  This would eliminate sending all the pages back and forth, but the size of such a page would be huge and any user waiting for it to load would most likely just give up and go somewhere else.

 

This is where single page applications become very useful.  They are designed to minimize all of this back and forth traffic and create web sites that are interactive, constantly show the latest information, all the while still being fast and responsive.  They accomplish this by using asynchronous communication and partial page updates.  When the first page of the web site loads, a script is also loaded to handle all the changes.  This script, or “manager,” acts as a middle man handling all of the communications with the web server.  It can request data to update only what needs to be updated.  It also handles a process called routing.  When you click on an option it may seem like an entirely new page has loaded, but it hasn’t; the manager has simply loaded in the new content. Because a lot of information like headers, navigation bars, side bars, and footers don’t vary from page to page, only the main content has to be sent from the web server.

 

If you are looking for a responsive, engaging, and highly interactive website, a single page application may be exactly what you need.  AngularJS is a very popular framework for building such single page apps, and I will discuss some of its features in a future blog.

Continue reading
0 Comments

Programming Classes to Enter French Primary Schools

b2ap3_thumbnail_ecole_en_francais_400.jpgAcross the country kids are hopping on buses and heading back to school. Schools sure have changed and classes aren't quite the same as they used to be. Perhaps the most important thing about these changes has been the classes available for the kids. In fact, some schools have started teaching children how to code, and France is next on the list.

Continue reading
0 Comments

Contact Excedeo Today

619.398.4100

Mobile? Grab this Article!

Qr Code

Tag Cloud

SecurityTip of the WeekTechnologyBest PracticesPrivacyInternetCloudMicrosoftBusiness ComputingHackersSoftwareEfficiencyGoogleBusiness ManagementInnovationProductivityHosted SolutionsBackupUser TipsWorkplace TipsManaged Service ProviderMalwareMobile DevicesBusinessNetwork SecurityHardwareProductivityIT ServicesComputerwindowsUpgradeEmailDataCommunicationMiscellaneousSaving MoneyGadgetsSmartphonesIT SupportVirtualizationAppsWindows 10SmartphoneDisaster RecoveryBusiness ContinuitySmall BusinessNetworkBrowserVoIPServerMicrosoft OfficeMobile Device ManagementHealthAndroidMobile ComputingSocial MediaTech TermInformation TechnologyQuick TipsPasswordsCybersecurityData BackupOperating SystemMobile OfficeWindows 10Going GreenHolidayOffice 365communicationsOfficeChromeData RecoverySave MoneyspamAppCybercrimeAlertUsersBest PracticeApplicationInternet of ThingsEmployer-Employee RelationshipCollaborationOutsourced ITBYODSearchLaw EnforcementData SecurityManaged IT ServicesIT SupportRansomwareMarketingTabletWearable TechnologyWirelessThe Internet of ThingsPhishingFacebookAppleVendor ManagementWiFiBring Your Own DeviceRemote ComputingRisk ManagementMobilityCost ManagementRouterWireless TechnologyMaintenanceBDRHackingSaving TimeUser ErrorMoneyHistoryRemote MonitoringAntivirusUnified Threat ManagementAvoiding DowntimeiPhoneAutomationArtificial IntelligenceHard DrivesIT SolutionsTech SupportOffice TipsBig DataPasswordEncryptionData ManagementComputersOneNoteGovernmentSocialCustomer Relationship ManagementTelephone SystemsCloud ComputingBandwidthEducationTwo-factor AuthenticationPrinterUpdateOutlookSocial NetworkingGmailUSBPowerPointShortcutAnalyticsManaged IT ServicesProactive ITUnsupported SoftwareFirewallNetworkingInformationLithium-ion batteryWi-FiCurrent EventsVulnerabilityBudgetVPNHumorPhone SystemGoogle DriveWebsiteNet NeutralityTelevisionRetailPaperless OfficeIT COnsultantManaged ITComputer RepairBatteryPersonal InformationExcelApplicationsIdentity TheftMeetingsVirusTelephonyBlockchainTravelStreaming MediaadministrationTrendingWork/Life BalanceAuditSocial EngineeringWordDisasterIntranetMobile DeviceLaptopAugmented RealityPoliticsManaged ServiceContent FilteringEntertainmentRecoveryDisplayAccess ControlWannaCryHaaSBusiness TechnologyAmazonTouchscreenOneDriveManaging StressWireless ChargingSamsungStorageFax ServerFile SharingMobile SecurityData BreachComputingProject ManagementCortanaYoutubeAutomobileHybrid CloudEvernoteCleaningHosted SolutionBusiness IntelligenceSave TimeSalesComputer CareHard DriveCustomer ServiceUninterrupted Power SupplyBiometricshackerPrivate CloudVirtual RealityPrintingOnline CurrencyHIPAAData ProtectionInternet ExlporerLegalGoogle AssistantConferencingHuman ResourcesTransportationDDoSEnd of SupportCommerceIT ManagementFlexibilityInstant MessagingEmailsWindows 8DevicesSportsPoint of SalePrinter ServerBenefitsScameWasteComputer AccessoriesData StoragePatch ManagementProgrammingTwitterSaaSFraudValueGoogle DocsTouchpadGamificationWIndows 7ChargerBooksNetwork CongestionEdgeMedical ITCastMicrosoft ExcelBlack MarketApp storeRegulationsBluetoothMemoryPrint ServerAdminMonitorsElectronic Medical RecordsTestingCiminaljunk5GAdobeCamerasWebinarSharePointOperating SysytemFinancialUserEbayNokiaKeyboard ShortcutsNanotechnologySafetyTrainingCamerafilterGift GivingEmployeesPresentationIT solutionsVirtual DesktopIdentityTeamworkBest AvailablePayrollRoot Cause AnalysisMicrobloggingCompany CultureProjectsScienceIT budgetVoice over Internet ProtocolLicensingData PrivacyLegislationWindows 10sReputationVirtual AssistantWorkersSecurity CamerasTabletsWindows 73D PrintingSabotageChromebookComparisonSurge ProtectorSolid State DriveWorker CommuteBuisnessAdministratorRunning CableAlexa for BusinessUpdatesMachine LearningSettingsHBOKeyboardNFLWebinarImagesVideo GamesCo-Managed ServicesIdentitiesPCNear Field CommunicationSpecificationsHard Disk DriveAccessMicrosoft WordDowntimeHiring/FiringTelephoneLanguageSmartwatchIT consultingSoftware as a ServiceDevice SecurityE-CommerceSmart TechnologyServer MaintenanceWindows InkDebateHelp DeskHyperlinkCommunityComputer ForensicsReliable ComputingGiftsISPRobotDistributed Denial of ServiceIntrantetAdvertisingCompliancePayment CardsWIndows Server 2008InvestmentGoogle MapsScalabilityWasting TimeBloatwareProactiveData storageManagementBloggingCredit CardsTutorialiOSExperiencePDFVendorSpywareInbound MarketingEmployeeROIData LossUpgradesFilesHow ToAccessoryWebsitesWireless InternetFAQComputer FanMusicBrandingEmployer Employee RelationshipText MessagingEmployee-Employer RelationshipMouseLifestyleBreak/FixScreen MirroringSyncCo-managed ITConsultantChromecastPeripheralData Theft