Posts

Javascript for website - Part 1

Image
This is first video of an awesome new series of javascript in which we will cover all aspects of how possibly can javascript be used in a website. In this video I am showing how to add scripts in html and there are three ways that I have demonstrated in this video. A lot more is in queue so stay tuned. You can find all code related to this series in this repository : https://github.com/Usman-uzi/javascri...

Javascript Strict Mode : What and Why of Strict Mode

Image
In this video we will see that what is Strict Mode in javascript and What and Why of strict mode. Strict mode is nothing but just enforcement of some standards and rules on our code to increase the performance and reliability of our code. All libraries out in market are using strict mode at least in production builds. We will also see some of the rules and will play with them practically. Website: http://www.coderpie.com Blog: http://www.techintalk.com Github: https://github.com/Usman-uzi Facebook: https://www.facebook.com/techintalks Twitter: https://twitter.com/mohdusmanrafiq

TechInTalk: Final Year Project, Programmer Advise # 4

Image
TechInTalk: Final Year Project, Programmer Advise # 4 Final year project is a great opportunity for students to learn and build a working product and make it base of future career. Today I am going to explain another aspect of final year project. My advise for students is to choose a real problem, solve it and launch your project as product in market and establish company around it and start your own startup. Website: http://www.coderpie.com Blog: http://www.techintalk.com Github: https://github.com/Usman-uzi Facebook: https://www.facebook.com/techintalks Twitter: https://twitter.com/mohdusmanrafiq

Postman Api Automation from zero to beginner

Image
This tutorial is about Postman from Zero to normal user. In this we will cover how to create request in Postman. How to create environment in Postman. Why we should create Environment. How to use Postman collection runner. How to see tests reports in postman. How to write tests. How to set environment variables and how to use them in a request. Website: http://www.coderpie.com Blog: http://www.techintalk.com Github: https://github.com/Usman-uzi Facebook: https://www.facebook.com/techintalks Twitter: https://twitter.com/mohdusmanrafiq

Swagger integration with Asp net core

Image
Swagger can be integrated with asp.net core for documenting and listing apis with their models which helps alot when developing apis and testing them. It also helps to front end developers to consume these apis. Swagger can be integrated with asp.net core in three simple steps : 1) First one is to install package Install-Package Swashbuckle.AspNetCore 2) Second is to add setting in ConfigureServices method in Startup.cs file. 3) Third step is to add setting in Configure method in Startup.cs file. Swagger also provide us json document of whole apis which can be easily imported into postman through import feature as demonstrated in this video. Website: http://www.coderpie.com Blog: http://www.techintalk.com Github: https://github.com/Usman-uzi Facebook: https://www.facebook.com/techintalks Twitter: https://twitter.com/mohdusmanrafiq

TechInTalk: Coding Speed, Programmer Advise - 3

Image
This is third advise for programmer which is related to coding speed. Why some of the developer complete their task sooner than others. It has two aspects , first one is the coding architecture and second one is tools ( IDE etc. ) used for programming. For the first point if a developer used proper design pattern, code architecture, decoupled his component using interfaces and add references using dependency injection and less duplicate the code then its the best thing and will need less time to add or maintain this kind of code base. Second point is related to use of best IDE which supports multi file editing, searching, building and debugging, extensions and etc. Website: http://www.coderpie.com Blog: http://www.techintalk.com Github: https://github.com/Usman-uzi Facebook: https://www.facebook.com/techintalks Twitter: https://twitter.com/mohdusmanrafiq

ReactJs: Use react-avatar-editor to scale and crop image

Image
ReactJs: Use react-avatar-editor to scale and crop image. Its complete demo of how to use crop and scale features of react-avatar-editor package. Code can be found on github repository here : https://github.com/Usman-uzi/reactjsimagecrop Website: http://www.coderpie.com Blog: http://www.techintalk.com Github: https://github.com/Usman-uzi Facebook: https://www.facebook.com/techintalks Twitter: https://twitter.com/mohdusmanrafiq