Agencia: TBWA Spain Productora: Lobo Kane Director: Christopher Cartagena
MyApp is a modern Specialized Wordpress Theme for Application Developers. You can use Documentation Generator to create professional looking documentation in seconds.
Mahmudul Hasan Manik | invite | Connect with them on Dribbble; the global community for designers and creative professionals.
Tutorial and code of curved list item in flutter. Copy and paste the below code as per your requirements. import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatefulWidget { MyApp() : super(); @override _MyAppState createState() => _MyAppState(); } class _MyAppState extends State { @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, home:
Tutorial and code of Buttons in Flutter. Copy and paste the below code as per your requirements. import 'package:flutter/material.dart'; void main() => runApp(const MyApp()); class MyApp extends StatelessWidget { const MyApp({Key key}) : super(key: key); @override Widget build(BuildContext context) { return const MaterialApp( debugShowCheckedModeBanner: false, home: MyStatelessWidget(), ); } } class MyStatelessWidget extends StatelessWidget {
Tutorial and code of Rating Bar in Flutter. Copy and paste the below code as per your requirements. flutter_rating_bar: ^4.0.0 import 'package:flutter/material.dart'; import 'package:flutter_rating_bar/flutter_rating_bar.dart'; void main() => runApp(const MyApp()); class MyApp extends StatefulWidget { const MyApp({Key? key}) : super(key: key); @override _MyAppState createState() => _MyAppState(); } class _MyAppState extends State { late final _ratingController; late
Tutorial and code of Staggered Grid View in Flutter. Copy and paste the below code as per your requirements. flutter_staggered_grid_view: ^0.3.2 import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); // This widget is the root of your application. @override Widget
Tutorial and code of custom toast in flutter. Copy and paste the below code as per your requirements. fluttertoast: ^8.0.7 import 'package:flutter/material.dart'; import 'package:fluttertoast/fluttertoast.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, title: 'Flutter Toast', theme: ThemeData(
Tutorial and code of Rounded Checkbox in Flutter. Copy and paste the below code as per your requirements. roundcheckbox: ^2.0.4+1 import 'package:flutter/material.dart'; import 'package:roundcheckbox/roundcheckbox.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, title: 'Flutter Demo', theme: ThemeData(
Tutorial and code of searchable dropdown list in flutter. Copy and paste the below code as per your requirements. dropdown_search: ^0.4.8 import 'package:dropdown_search/dropdown_search.dart'; import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, visualDensity: VisualDensity.adaptivePlatformDensity, ), home:
Tutorial and code of Social Media Buttons in Flutter. Copy and paste the below code as per your requirements. Add this dependency in pubspec.yaml file of the project. dependencies: flutter: sdk: flutter flutter_auth_buttons: main.dart import 'package:flutter/material.dart'; import 'package:flutter_auth_buttons/flutter_auth_buttons.dart'; void main() async { runApp(new MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) {
Docker Architecture: How It Works Behind the Scenes Docker simplifies containerization, allowing developers to build, ship, and run applications anywhere. But how does it work under the hood? Let's break down Docker's architecture and its core components. 1️⃣ What is Docker? Docker is a lightweight containerization platform that allows you to package applications and their dependencies into isolated environments called containers. 💡 Why use Docker? ✅ Consistent development & production environments ✅ Faster deployment & scaling ✅ Works across different OS without compatibility issues ✅ Efficient resource utilization 2️⃣ Docker Architecture Docker follows a client-server architecture consisting of: 🔹 Docker Client (CLI) Users interact with Docker through commands like docker run, docker build, docker ps. The client talks to the Docker daemon using REST API over UNIX socket or TCP. 🔹 Docker Daemon (dockerd) The brain behind Docker! Runs in the background, listens for API requests, and manages Docker objects like containers, images, volumes, and networks. Works with the container runtime to execute containers. 🔹 Docker Engine The core of Docker, responsible for: ✅ Building images ✅ Running containers ✅ Managing networking & storage 🔹 Docker Images Blueprints for containers—includes everything needed to run an application (code, dependencies, configs). Stored in Docker Hub or private registries. Built using a Dockerfile. 🔹 Docker Containers Running instances of images. Isolated environments that share the host OS kernel but have their own filesystem, networking, and processes. Created using docker run
Hi friends,whenever you create an application it is never for lifetime, there is always something and better comes in the market, and once we talk about rails application, it comes pretty quickly. after every few months rails comes with a new version, and we are ready with talks whether to update application or not. so these are the points that we should keep in our mind before upgrading our project to a higher level of rails version.1. full test coverage is required:in rails whenever you upgrade to a new version, it changes a lot, so it is required to test each and every functionality for every case, which is not a good way of testing. thus before updating the rails application, we must have test cases written that cover most portion of the code and functionality, so that we don't need to test each and every functionality manually.2. move step by step:second most important thing is never switch to the latest version available directly. the best way of upgradation step by step upgrade your versions. so suppose your code is on version 3.0, then you should never target to go to 5.0 directly. first you should go to 3.1, then 3.2 then 4 and so on. in short move one minor version at a time.these can be steps to follow:a) write test cases for the whole applicationb) make sure all test cases passc) upgrade to the next minor versiond) after upgradation again run the test cases and testso this is the simplest and safest way to upgrade the rails application.3. keep in mind the ruby versions:rails is a framework for ruby, so as you update rails version, it is also required to update the ruby version as well. these are dependencies of different rails version over ruby versions which are recommended:a) rails 5 : ruby 2.2.2 or newerb) rails 4 : above ruby 1.9.3c) rails 3.2.x : ruby 1.8.7 or newerd) rails 3 : ruby 1.8.7 or newer4. update task of ruby:after updating the rails version in the gemfile in your application, there is a task that needs to be run which updates all the gems and their dependencies and also provides an interactive interface to update all the other necessary things:## for rails 4.2 +$ rails app:update identical config/boot.rb exist config conflict config/routes.rboverwrite /myapp/config/routes.rb? (enter "h" for help) [ynaqdh] force config/routes.rb conflict config/application.rboverwrite /myapp/config/application.rb? (enter "h" for help) [ynaqdh] force config/application.rb conflict config/environment.rb...## for rails 4.2 or earlier$ rails app:update identical config/boot.rb exist config conflict config/routes.rboverwrite /myapp/config/routes.rb? (enter "h" for help) [ynaqdh] force config/routes.rb conflict config/application.rboverwrite /myapp/config/application.rb? (enter "h" for help) [ynaqdh] force config/application.rb conflict config/environment.rb...hope you liked reading this.
Hello all,we usually validate our html form before submitting it as it's a good practice to do that and to validate the html form we can use javascript validation in client side, or we can also use custom jquery code where we can apply different type logics and regex to validate the form.html5 also comes with many inbuilt validation feature such as for email and number input type validations.angularjs also comes with some inbuilt validation feature which we can use while working with it.as an example we have following code packet which demonstrate the validation feature of angularjs :
The world of mobile has become extremely competitive, a place where even frameworks compete with each other. till date, jquery library was a king but scenario has completely changed these days. although, jquery is a great library that could be easily maintained, manipulated and controlled dom elements. all it lacks in offering an appropriate mvc architecture. whereas, on the other hand, angularjs can do everything and much more than that done by jquery, i.e. from mvc pattern, data binding, forms validation, dependency injections, templates and so more.ionic and onsen ui are such angularjs based mobile ui frameworks that end up making your mobile app development transition smooth and painless. in the following post, i would like to help you in spotting the difference between the two frameworks for you to get a better perspective. being an ionic app developer, i have worked with both of them. and speaking about their similarities, both frameworks are built around angularjs and they are heavily dependent on directives. moreover, both of them support android 4+, ios 6+ (some features are available on android 2.3) and some kind of split view feature so they can be used for table development. with a working theme builder, both ionic and onsen comprises a large widget support (directives).and now the differencesionicthe beauty of ionic framework is its modern simplicity. the framework provides a more mature feature and css component set and out of the box. now i am sure you must have come across the injectable delegate services, the ones representing the ui elements (directives)? they give you more control over ui/ux interactions. the development community is (currently) very active and it's gaining traction.command like "ionic start myapp tabs" still don't available in onsenuimaterial design like "cardboard" are availablenative theming and featuresonsenonsen walks a similar path but is of a kind. the default theme is naturally flat and distinctively different than ionic one. for this professionals need to spend some time playing with it. i remember i was very disappointed when i saw onsen for the very first time but later on i realized that the framework is actually quite responsive. its key features include:simpler structure, easy to startcouple with monaca ide, some of the features are only available only if you use monaca. otherwise, you have to create things by yourself.much unlike ionic, the framework, in particular, provides different range of themes for particular platforms. it css core is built around the topcoat library. for those who have no idea regarding topcoat library, it is an open source css library designed with speed in mind. because it doesn’t contain any javascript, topcoat was chosen as a perfect ui building block.in a nutshellboth the frameworks will deliver what they are promising. so try! this article is written and shared by ionic app development company in india, named etatvasoft. get in touch, if you have any query related to ionic project.
