We configured a project in Google Developer console and also configured OAuth credentials for a user consent. This brings us to the next step of integrating Google Drive API dependencies. The integration steps are pretty easy. Once you know the latest API versions from repositories like https://mvnrepository.com, you can easily proceed.
Continue readingTypescript, JQuery and Browserify
So far we have seen how to develop simple web page using Typescript. To develop a big website, you must use libraries like JQuery, Backbone etc. These libraries help reduce the time required to develop some of the common requirements. But as we have seen, while importing references from other files, we use import statement in Typescript. This effectively gets translated into a call to require function. Unfortunately, require function is not built-in feature of browsers. Consider below example
Continue readingGoogle Developer console project setup and OAuth
Before we start experimenting with Google Drive APIs, it is necessary to create a project
Google Drive API with Spring Boot – Step by Step Video Tutorial
When it comes to storing media files, documents etc. the most convenient option is to rely on Cloud storage solutions. Google Drive, Dropbox, AWS S3, Box etc. offer user-friendly interfaces to interact with storage solutions. Access from anywhere, anytime, without a need of carrying any device, feels way more efficient. With the similar requirement, I was working on a project which is using Google Drive as a storage solution.
Continue readingAudacity fails to import mp4
Ever tried to edit sound using Audacity? Did you see the random error that just pops up for some video files? While you could listen the sound from Video, Audacity simply rejects the file from opening? If you are nodding head for most of these questions, you have experienced the same moment that I have been through recently.
Continue readingInvoke REST API using Typescript in Simple Web page
We learned few basic Typescript concepts in last video series. This time, instead of just talking to you about the concepts, I felt it is better to make use of examples. The intention is to understand how and where these concepts are used. In addition to that, I have added a few tips to the videos. (I got my hands on After Effects 🙂
Continue readingIntroduction To Typescript – Part II (Debugging, backtick and linting)
So we are moving ahead, with next set of Typescript lessons. The topics discussed in the Part-IÂ focus on Typescript configuration and basic familiarity. The series now progress with experience from real-life project development and my struggle to make sure deliverables meet the quality standards. It is often very easy to develop something and be contained with the thought that we met the expectation. In reality usually what you have created may last for the next 4-5 years. Thus, it is our moral responsibility to adhere to standards.
Continue readingIntroduction to Typescript
Somewhere around 2014, I was given a responsibility to migrate an existing Flex based application to HTML 5. Indeed this was needed for one of our flagship product. Flex days were over and to remain competitive in the market, the migration process was very critical. While we reached a conclusion of selecting UI frameworks (partially based on the experience of another group), I was a bit skeptical about using JavaScript for this huge project. The reason for my confusion was primarily because of its dynamic type nature. Things tend to get ugly soon with the rise in project size. I stumbled upon two more options with a little bit of a research – Typescript, and CoffeeScript.
Typescript tutorial on YouTube – My first step into Video Course
Past few weeks, I was exploring an alternative platform to share my knowledge with you. I wanted to organize my content in form of Tutorial. I was practicing my communication and presentation skills to work on an interesting concept. Given the pH factor in my blood doesn’t let me settle at one place, I was in search of exploring options to improve my blog content. I confess, sometimes the habit impacts my blog adversely – My Posts gets delayed for longer duration. But this time, I could able to materialize my experiment. I felt accompanying my blog with visual elements and making it more interactive will add value to what I really want to convey. I started my own YouTube channel – Carbonrider. Though I am yet to churn out exhaustive output, let me share few glimpse of my experiences till now.
Setting up Material Design with Angular 6
Material Design started in 2014 and it was introduced by Google to provide a consistent look and feel across browsers. It combines animation effects with soothing colors, shadows, aptly measured margins/padding etc to improve the User experience. Back in the era of Flash/Flex, components designed using Flex has a visual appearance which felt natural. Without any need of adding styles, the plain Flex User Interface felt good. HTML components were lacking such natural appearance. Maintaining consistency across the browser was always a pain. With Material Design the UI aesthetics and interaction has improved dramatically.
Though Angular CLI enables you to quickly get started with creating a new project, it doesn’t come bundled with the Material design. Additional steps are required to integrate the Material Design and apply the styling to the components. In this article, we will learn the steps to integrate Material Design in Angular 6. We will extend this article and build following UI to understand some of the Material Design Components.
Continue reading