Showing posts with label Front End Development. Show all posts
Showing posts with label Front End Development. Show all posts

Wednesday, 25 July 2018

Performances of Angular jQuery and Bootstrap?



Angular Js:
AngularJS is a structural framework for dynamic web apps. With AngularJS, designers can use HTML as the template language and it allows for the extension of HTML's syntax to convey the application's components effortlessly.
The following are the features of AngularJS:

  • Two-Way data binding
  • REST friendly
  • MVC-based Pattern
  • Deep Linking
  • Template
  • Form Validation
  • Dependency Injection
  • Localization
  • Full Testing Environment
  • Server Communication


Jquery:
jQuery is a fast and concise JavaScript Library created by John Resig in 2006. jQuery simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.
The following are the features of Jquery:

  1. jQuery is a library.
  2. easily manipulate the contents of a webpage
  3. Doesn’t supports two-way data binding.
  4. easy DOM traversal
  5. simple to make AJAX
  6. Lightweight Footprint
  7. CSS3 Compliant
  8. Cross-Browser
  9. It can be used on any website or web application


Bootstrap:
Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.Ther are two version for now. Stable version 3.3.7 and preview version v4.0.0.
The following are the features of Bootstrap:

  • Preprocessors
  • One framework, every device
  • Pre-styled Components
  • Responsive Features
  • Browser Compatibility
  • Great Grid System
  • An extensive list of Components
  • Bundled Javascript plugins
  • Good Documentation
  • Base Styling for most HTML Elements

#Happy Blogging😋




Tuesday, 24 July 2018

Top Five most popular CSS Frameworks of 2018



A CSS framework is a pre-prepared software framework that is meant to allow for easier, more standards-compliant web design using the Cascading Style Sheets language. Most of these frameworks contain at least a grid.

Here Are Top five FrameWork List
1.Bootstrap
2. Zurb Foundation
3. Bulma
4.Materialize framework
5.Semantic UI


BootStarp


Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.Ther are two version for now. Stable version 3.3.7 and preview version v4.0.0.
Website-click

Zurb Foundation 



Framework for any device, medium, and accessibility. Foundation is responsive front-end frameworks that make it easy to design beautiful responsive websites, apps, and emails that look amazing on any device. The framework is a mobile-first flexible, 12-column grid that can scale to an arbitrary size (defined by the max width of the row), customizable control handles, and pre-built layouts. Foundation is semantic, readable, flexible, and fully customizable. We're constantly adding new resources and code snippets, including these handy HTML templates to help get you started!
Website-click

Bulma




Bulma is an open source CSS framework based on Flexbox and used by more than 100,000 developers. Firstly, Bulma contains great UI components, like tabs, navigation bar, boxes, panel and much more because this framework is designed to provide you with clear and attractive UI. Secondly, Bulma is incredibly modular meaning you can import only those features that are needed and you can start your work. Finally, this framework has very readable classes, which again may be a huge advantage for some developers.
website-click

Materialize 




Created and designed by Google, Material Design is a design language that combines the classic principles of successful design along with innovation and technology. Google's goal is to develop a system of design that allows for a unified user experience across all their products on any platform.
Website-click

Semantic UI




Semantic UI is a modern front-end development framework, powered by LESS and jQuery. It has a sleek, subtle, and flat design look that provides a lightweight user experience.
Website-click


#Happy blogging😉
#Happy Coding💓

Saturday, 21 July 2018

Top Five JavaScript FrameWork



80 percent or more top websites use Javascript Since Javascript has such high acceptance and no competition, we can not really foresee Javascript going anywhere, anytime soon.JavaScript is becoming so popular. It is the only language that is understood by JS.


1. Server-side Scripting
2.Native Cross-Platform Support
3.Scalability
4.Easier Site Maintenance
5.Availability of Third Party Add-ons

Top Five Framework

   Survey of stack overflow 62% Sectors Are Used JS


To Making This Website 66% Developer are working hard

1.Vue


Vue is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adopted. The core library is focused on the view layer only and is easy to pick up and integrates with other libraries or existing projects. On the other hand, Vue is also capable of perfecting the sophisticated Single-Page Applications when used in modern tooling and supporting libraries.

=> Components
=> Animation / Transition
=> Data Binding

2.React


React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes.

=> Declarative
=> Component-Based
=> Learn Once, Write Anywhere

3.Angular


Angular is a platform that makes it easy to build applications with the web. Angular combines declarative templates, dependency injection, an end to end tooling, and integrated best practices. Angular empowers developers to build applications that live on the web, mobile, or the desktop.

=> CROSS PLATFORM
=> SPEED AND PERFORMANCE
=> PRODUCTIVITY
=> FULL DEVELOPMENT STORY

4.Node.js


As an asynchronous event-driven JavaScript runtime, Node is designed to build scalable network applications. In the following "hello world" example, many connections can be handled concurrently. Upon every connection, the callback is fired, but if there is no work to be done, Node will sleep.

=> Asynchronous and Event Driven
=> Very Fas
=> Single Threaded but Highly Scalable
=> No Buffering

5.Ember.js


Ember.js is an open-source JavaScript web framework, based on the Model-view-ViewModel (MVVM) pattern. It allows developers to create scalable single-page web applications by incorporating common idioms and best practices in the framework.

=> Coherent Dev Tooling
=> Amazing Features
=> Integrates With Large Teams





#Happy Blogging😛😕
#Happy Coding 😕😛

Top 10 Thing Need To Know Front End Developer




HTML / CSS
HTML is the most basic building block you will need for developing website and CSS is the language used to style the document


Javascript
where HTML and CSS determine the content and presentation of the page, js determine the function.


CSS / javascript framework
CSS and JSF framework is the collection of the file that does not allow common functionality.


CSS preprocessor
CSS preprocessor lets you write code in preprocessor language and then converts that code to CSS.


Version control / git
version control software lets you track changes so you can go back to the previous version of your work and find out what's wrong.


Responsive design
responsive design allows to a webpage to adjust yourself to the device.


Testing / debugging
bugs are the reality of the development process so in order to keep thing moving you will need to test your code for bugs along the way.


Browser developer tools
Browser developer tools usually include an inspector (so you can see the HTML and CSS of the site) and a javascript console.


Web performance
the program like grunt and gulp can be used to automate image optimization CSS and js minifying and other web performance chores to make your website.


Command line
There will be times you need to open in the command line.



#Happy Developing😏😋