Skip to main content

explanation on HTML5+WCF+JQuery

Well let me tell you in advance I was not aware about HTML5  before my last project.Once I started digging I found that this is platform independent,having support of all browser latest version,light weighted and best for mobile application and other smart devices.This gives you advantage of not create two website one for browser and other for mobile and smart devices.
Now coming to technology front ,there are the following skill set you require to develop the portal based on HTML5:
-C# 4.0
-WCF
-HTML5
-CSS
-JQuery and there latest plugin
-SQL server

Whole application will have four part:
-HTML page using HTML5 tag(Developer can select HTML5 editor from VS2010 tools menu,which will support intellisense on HTML tag)
-service layer using WCF RESTful classes(this layer can be segregated into three layer:
       1-Service class
       2-Business class
       3- DataAccess Class
Basically Service class method will be called in AJAX call using URI)

-JQuery (This rich scripting language provide all GUI control plugin,by using that plugin developer can render there UI at client end and the data get populated later.
-AJAX call to WCF RESTFul method(This AJAX call actually hit the service and send the request in different format like JSON,HTML and once the service call executed successfully it respond the data in JSON,HTML,text format.ONce Developer get the data ,it can rendered at client side without any delay.This methodology actually give end user a look and feel where he feels that everything is there on the click ...No postback.

In my next session I will throw some code piece here

Comments

Popular posts from this blog

Sitecore Site Creation: A Comparison of SXA and Headless SXA

  Objective: Are you thinking about using Sitecore for your website development? If so, you might be wondering whether to use Sitecore Experience Accelerator (SXA) or Headless SXA. In this post, we'll examine the differences between these two methods and help you determine which one is best for your project. Its totally depend on the business context and load model. To design your site using SXA: Sitecore SXA brings Sitecore in competition with other easy to use CMS with enterprise capability. SXA empowers teams to collaborate effectively, streamline website creation, and maintain brand consistency. Its flexibility and scalability make it an excellent choice for enterprise CMS solutions. Few of SXA core enterprise CMS capabilities are: Parallel Work Streams Responsive Grid Layouts Reusable Renderings and Components Themes for Brand Consistency Page Designs for Consistency and Flexibility Customizing Renderings with Variants   But what about Headless SXA? This approach is in hi...

Quickest way to setup Sitecore 10.1 Vanilla instance

Sitecore 10.1 Vanilla installation on Developer machine   Step 1. Install Visual studio 2019 Step 2. Install SQL server 2019 (Developer edition) Step 3. Copy all the setup files and tools at shared location with full rights   Step 4. Browse “Sitecore 10.1.1 rev. 005862 (Setup XP0 Developer Workstation rev. 1.2.3-r6)” folder and run setup.exe in admin mode Step 5. You should be able to see SIA installation screen, click on Start button to start installation Step 6. SIA complete the entire process in 3 parts, first part installed all required Sitecore 10.1 prerequisites. Step 7. Once Prerequisites are installed restart the development machine and open setup.exe again in admin mode (refer step #4). Once SIA will be started then don’t click on Install button again for “Prerequisites”, just click on Skip. Step 8. As I said in Step #6 that Sitecore does installation in three parts, so this is second parts where you will have to pass require parameter to setup sol...

Other aspects of HTML5

There is great feature embedded with HTML5 that is multimedia support without any plugin at end user.The best part of this tag is that it support wide range of quality audio/video format. The tags which we use for audio and video are: <audio> <video> The code snippet for same: <audio id=“audio” controls preload="auto" autobuffer>   <source src="source1.mp3" />   <source src=" source2.ogg" /> </audio> <video id=“video” poster=”poster.jpg" src=”source.mp4" width="2" height="1" x-webkit-airplay="allow” autoplay controls> </video> HTML5 is enriched with other input type tag which is having great ability to enrich the mobile interface,this input type tag along with Jquery UI plugin give them very strong presence on mobile where end user get very lucrative look and feel. <input type="number" pattern="[0-9]*" /> <input type=...