COGENT DEV

As we know that, Today the Mobile app developer is growing day-by-day and there are some newbies(beginners) also want to become a mobile app developer or want to build mobile apps. But some beginners(72% out of 100%) have big trouble to get started with mobile app development in Android. Let us see how, First beginners already know what technology or languages he/she has to adopt such as native langs JAVA, kotlin, c++ or libraries and framework React Native, Flutter, Ionic, Xamarin, native scripts, etc. If you want to know more about langs and libraries for mobile app development in a smart way then check it out my blog. If beginners successfully learn the foundation of mobile app development then they have to work on android studio to developed apps. In that`s situation some beginners have trouble to build an android app in their machine. am also faced that trouble in my past. Now shared my exp about android app development in window and Linux(Ubuntu 16.04+). First of a...

Today, This is a little bit different topic. In which we discuss some pros and cons both of these. In Now generation, some big tech companies like Google, Facebook, Twitter, Microsoft, Amazon, Flipkart, etc. are using numbers of languages, framework, libraries, engines, etc. and they only focus on what they have to do and which technology is suitable for there business to perform well. Big companies are some search new technology to adopt in there business or project because sometimes the old language is not working well with their project. So lets came on to the point that the NodeJs is a very popular language  Javascript cross-platform run-time environment that executes javascript code outside of a browser. First, you remember that we haven`t discussed differences between two languages instead we have discussed D/B language and run-time environment. PHP vs Node.js Runtime Environment: PHP: its have an always ready to install in any computer with a web server...

Sometimes web app is performing slowly to fetch bundles of files from the server. this is one kind of reason for the poor performance of web app. Here we have some great interesting technology to get fastest your web app. which is "RESOURCE PRIORITIZATION" So lets, a discuss little bit about resource prioritization. In that, we have to use " Preload , Prefetch , Preconnect ". The browser provides different relative priority to link, files, font, images, etc. So we have to customize that resources according to the priority to load web app faster. Preload: <link rel="preload"> inform that a browser that whenever the web app is load then they load files as soon as possible in preload condition. <link rel = "preload" as = "script" href = "importantScript.js" > <link rel = "preload" as = "style" href = "criticalStyle.css" > This is above the demonstration that h...

Today, we are using a number of apps(Android or iOS) and they give effective functionality on your smartphone. But there is a BIG ISSUE, which is that, you not able to install all app from play store or App store, when you want to visit that app. This is a Big drawback for the native app of Android OS and iOS smartphones. BUT, Don`t worry about that, because now we have such awesome technology for smartphone users, which is ADD TO HOME SCREEN == A2HS. If you don`t know, what is A2HS, then see the example below. EX: Suppose, your friend is mail you regard some tutorial or course material and they also tell you to install their app or visit web app(website). Then what you do in that case? probably your first visit on the web app, because do you don`t want to install some anonymous app which you don`t know about it. So, Finally, your first visit on their web app then analyze what that web app motto. after that you might be thinking to install there ...

I know you already know CSS preprocessor, but there is a lot of developers who don`t know what is CSS preprocessor and how we use it in our codebase. In CSS preprocessor you have a lot of new features to do in CSS, such as mixin, nesting, selector, inheritance selector, etc. There are a lot of CSS preprocessor providers such as SASS, LESS, STYLUS, POSTCSS and many more In SASS, We can also do some operation such as creating a variable, loop, if/else statement, etc. CSS preprocessor compiles the code which is written by CSS preprocessor compiler or you must install CSS compiler on your web server. This blog is not too much longer, because they're much different functionality you used from different CSS preprocessor provider(link below). RESOURCES: SASS . LESS . STYLUS . POSTCSS . CSS-Crush . Learn more .

IndexedDB is a new concept or technology to store data in your web browser or even if you in offline mode then also they work. Indexed DB is a low-level API for client-side storage to store a significant amount of data such as string, file/blobs. IndexedDB is a NoSQL, and large scale usable storage system, they give you the facility to store anything in the user web browser. You cannot access or be accessed by any other origin data. In IndexedDB have a facility to create any amount of databases for the same origin in a web browser, But normally or suggestion is that to create only one/single database for a single application in the browser. IndexedDB is store data in the form of an object. Yeah, it's similar to Mysql or any other databases system to create the first database in that database we create a table or object to store a number of data. The object has a number of columns in the form of indexes in which we have to store values as per requirement.  All that indexe...

From the last 5-8 Year generation, the growth or demand of smartphone is really huge and massive. Simultaneously, we observe that the demand or mobile app in increase massively as well. Some developers, who want to build an app or want to Mobile app developers + Web app developer as well, then they confuse to select a particular field to become expertise on that.    because to build any mobile app like Android then we have a core understanding of JAVA, If we want to build an iOS app then we have a core understanding of "objective C" and swift as well. What if you want to build web app also or want to become expertise in web app development? So, Don`t regret the or web app developer, here we have some great technology to build Mobile App(Android and iOS) with web technology languages such as HTML, CSS, JAVASCRIPT, and more. Yeah, we also build that native app with javascript, but lets see that which tools or technology are there: REACT NATIVE FLUTTER This ...

This is a Broad question/query in every beginner, who want to begin there career as a Full Stack Web Developer. As we know the web development is mainly divided into two categories, which is Front- End Developer and Back-End Developer.     So, when we merge or combine the above two categories, then we say that this is a full stack developer. Remember, If you want to become or dream a part of big companies like Facebook, Google, Microsoft, Amazon, Flipkart, or any more MNC(multinational company) then your jobs work in that company is not as full stack development, not understand? then read below:  Means, big companies give a job as a specific purpose of a job or task to do. they did not give you the whole project in hand if you say that am a Full Stack Developer. Yeah, If you have your own organization then its become possible that you handle whole web development project as your own.    But Not in Big companies or small companies (software de...

Here, I am created a flipkart dummy(Copy) PWA(Progressive web App) to show you that, how we create any web app and also look like native app with helpful service worker and manifest json file. NOTE : Its Just For Showing you that how we create an any PWA or Just for Practise Purpose Only. If you don`t know about PWA, So must check it out my first blogs about PWA in this website, Flipkart is a first e-commerce company which launched a Flipkart Lite PWA for web users to easily use in any network, and its faster, reliable, engaging  In this app I only use manifest json file for adding the home screen icon of app. In Json file we have to code about a app name, icons(icon required according to standard sizes), theme color. background color, and many more. use seen in my code. I normally code it without any framework and library means raw code. Here I use a HTML and CSS only. Check Below to see how that PWA is really Look: So, t...

As a web developer, our primary goal is not only to make a website for a client or users, we also have to make a performance optz(optimize) website. Today, the biggest companies like google, facebook, Amazon, Flipkart, paytm, snapdeal, etc. they are generating or earning the income mainly from online market or from website, So they don`t only making a website and provide the services to users, but they also make a performance full optz website. One Day, I reading some blog then we saw that, If Google has a single second latency to search the item then users are move to another search engine and Google lose there 1 million users (if that situation occurs). Big companies are investing a lot of time and money to make their website is optz else they have to face a lot of loss. So, this task almost depends on the web developer to make a performance optz website. As per web dev, you not only have a skill to build(code) a great website but you also have the s...

.Javascript is single thread language means if we have multi-task to performed on the page then it only does single task at a time and after that task, its do the second task, other words its only process single task at a time. what if we want to perform multi-task on the web?    luckily, we have an API for it, which is "Web Worker API". This WW(web worker API) API is used to process a second script on the background of the webpage. WW API using Example:     In Facebook, we are doing lots of work like share, post, chat, upload, like, etc. but they performed all operation simultaneously on the background of the webpage.    let's suppose you got a notification on your profile, So how its process that notification and they give to you because you doing your work in a webpage or on your profile.    So this operation is performed with the help of WW API. whenever facebook process any operation then they throw ...

Service worker is work or uses to build PWA. We already discuss PWA in this blog. if you do not see that, then must-read that article and then came here because the main role of service worker is introducing in PWA. About Service Worker: Service worker is basically a script that your browser is run in the background, separate from a web page. they give many interactive event-driven features to the web such as install, activate, fetch and they also give push notification event-driven features to the web. What can Service Worker do? The main role of SW(service worker) is intercepting and handle the network request and store file in cache storage, fetch it within an offline connection, respond within a lost connection, make an attractive web application.     In the future, they might support other things like periodic sync or geofencing. SW is handling the network request, its a JAVASCRIPT worker, so it can`t access DOM directly instead th...