Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

Projects in Awesome Lists by dinanathsj29

A curated list of projects in awesome lists by dinanathsj29 .

https://github.com/dinanathsj29/web-design-development-fundamentals-tutorial

A Web concepts tutorials for beginners, An introduction to Web Design Development core terminologies and fundamentals

css css3 html html-css html5 internet javascript json rss-feed ui-development web-design web-development web-fundamentals web-techonology webtechnologies world-wide-web www xml

Last synced: 12 Apr 2025

https://github.com/dinanathsj29/typescript-tutorial

A Typescript fundamentals tutorials for beginners, An introduction & step-by-step guide to Typescript language latest features in combination with ECMAScript 5,6,7

access-modifiers classes const decorators ecmascript enum enumeration es5 es6 es7 inheritance interfaces let tuples type-inference type-system typescript typescript-framework typescript-library

Last synced: 12 Apr 2025

https://github.com/dinanathsj29/css-flexbox-beginners-tutorial

CSS flexbox tutorial for all, This is comprehensive guide to CSS flexbox layout. This complete guide explains everything about flexbox.

css-flexbox display-flex flex-container flex-direction flex-items flex-practical-demo flex-tutorial flex-wrap flexbox-layout flexbox-tutorial

Last synced: 20 Mar 2025

https://github.com/dinanathsj29/es6-ecmascript6-ecmascript2015-tutorial

A ES6-ECMAScript6-ECMAScript2015-tutorial, An introduction to latest JavaScript programming feature/techniques, step-by-step guide to ES6-ECMAScript6-ECMAScript2015 - A future of JavaScript

ecma6 ecmascript2015 ecmascript6 es6 es6-classes es6-fat-arrow es6-for-loop es6-for-of-loop es6-generators es6-javascript es6-modules es6-promise es6-promises es6-rest-operator es6-spread-operator es6-tutorial fat-arrow-function javascript javascript-library

Last synced: 12 Apr 2025

https://github.com/dinanathsj29/css-grid-beginners-tutorial

CSS Grid tutorial for all, This is comprehensive guide to CSS Grid layout (Two Dimensional Layout which handles Columns as well Rows). This complete guide explains everything about CSS Grid.

css-grid display-grid fr-unit grid-area grid-areas grid-cells grid-container grid-gap grid-items grid-layout grid-layout-demo grid-lines grid-practical-demo grid-tutorial

Last synced: 20 Mar 2025

https://github.com/dinanathsj29/ajax-asynchronous-javascript-and-xml-course-tutorial

Learn and understand how to work with AJAX methodology/concepts to fetch/exchange (send and receive data) to-from web server

ajax ajax-upload fetch-api json json-parse xmlhttprequest

Last synced: 12 Apr 2025

https://github.com/dinanathsj29/html5-semantic-tags

An introduction to new latest meaningful HTML5 semantic tags like HEADER, SECTION, FOOTER, ARTICLE, ASIDE, NAV, and accessibility WAI-ARIA

article aside div footer header html-tag html5-semantic-structure html5-semantic-tags html5-tutorial nav search-engine section semantic-elements wai-aria

Last synced: 20 Mar 2025

https://github.com/dinanathsj29/unix-tutorial-for-beginners

An introductory unix tutorial to learn: What is the Operating System - Unix Operating System - Features of Unix - Unix System Architecture - Different variations/flavors of Unix - Unix File System - Unix Commands

linux linux-vs-unix operating-system ubuntu unix unix-architecture unix-command unix-command-date unix-command-history unix-command-ls unix-command-who unix-features unix-file-directory unix-flavors unix-kernel unix-operating-system unix-shell unix-shell-programs unix-tutorial unix-tutorial-for-beginner

Last synced: 12 May 2025

https://github.com/dinanathsj29/angular7-step-by-step-tutorial

A beginners to advanced, building block-step by step guide to Google Angular. We will learn basic to pro Angular latest concepts like component, interpolation, SPA, data binding, Directives, ngFor, ngIf, Service, Pipes, Dependency Injection (DI), HTTP and Observables, Routing etc.

angular7 class-binding data-binding dependency-injection directives event-binding http httpclient interpolation ngclick ngfor ngform ngif observable pipe-and-filter routing services single-page-applications style-binding two-way-databinding

Last synced: 12 Apr 2025

https://github.com/dinanathsj29/npm-node-package-manager-tutorial

Lets learn-understand-practice and master the basics of NPM-Node-Package-Manager. Will explain and cover what why and how to use NPM - Node Package Manager. This Node-NPM Tutorial will help/ease in understanding the basic building, needs and fundamentals of NPM and ultimately give a head start in Nodejs.

dependencies node node-module node-package node-package-manager nodejs npm npm-install npm-list npm-module npm-node-package-manager npm-package npm-registry npm-scripts npm-uninstall npm-update npm-v npm-version package semantic-versioning

Last synced: 12 May 2025

https://github.com/dinanathsj29/web-services-web-api-soap-rest-tutorial

Understand and learn what exactly is Web Service and how it works? Also lets covers basics of SOAP and REST API/Web Services

rest-api soap soap-api web-service

Last synced: 20 Mar 2025

https://github.com/dinanathsj29/css-variables-practical-guide-tutorial

Lets learn to use CSS variables a CSS custom properties to create style sheets less repetitive, easier to maintain, better readability and more flexible.

css-custom-properties css-var-function css-variable-value css-variables global-scoped-variables local-scope-variable var-function variable variables-and-their-usages variables-css

Last synced: 20 Mar 2025

https://github.com/dinanathsj29/angular-peopleapp-demo-tutorial

Learn to create an Angular app with Angular CLI which includes many core building blocks of Angular like multiple Components, Services, Routing and HTTP Services, CSS Animations etc. This Angular app will fetch data from a free 3rd party mock API service and display it Angular Material UI.

angular angular-animations angular-cli angular-components angular-http-service angular-material angular-routing angular-services css-animation-effects http-httpclient

Last synced: 12 Apr 2025

https://github.com/dinanathsj29/angular-material-getting-started-tutorial

Let's Learn what is Angular Material. How to start using Angular Material components to build/design/develop clean and elegant UI. Its practical guide for building Angular 7/8 applications with Angular Material.

angular-cdk angular-material angular-material-7 angular-material-8 angular-material-components angular-material-themes google-material-design mat-button mat-checkbo mat-checkbox mat-radio mat-sidenav mat-table material-components material-design material-icons material-theme material-themes material-typography schematics

Last synced: 20 Mar 2025

https://github.com/dinanathsj29/angularcli-angualr-cli-tutorial

Learn a Angular Command Line Interface a Command Line tool/utility helps to create Angular Project-application scaffolding, structure, and many core building blocks of Angular application like Components, Services, Directives, Routing and Navigation, Pipes, Modules, etc. in no time-on the fly.

ahead-of-time angular-cli angular-cli-commands angular-cli-ng-new angularcli aot dev-build jit ng-build ng-generate ng-help ng-lint ng-new ng-serve ng-test ng-v node-v npm-v prod-build

Last synced: 20 Mar 2025

https://github.com/dinanathsj29/angular-forms-reactive-tutorial

Lets have a quick overview of Angular's Reactive Model Driven Forms with live practical example.

angular-forms dynamic-forms formbuilder formcontrol formcontrolname formgroup ngsubmit reactive-forms setvalidators validators

Last synced: 29 Mar 2025

https://github.com/dinanathsj29/json-javascript-object-notation-crash-course

Learn and use JSON JavaScript Object Notation, the most popular text based and easy data interchange format from scratch.

data-interchange javascript-object-notation json json-xml rest-api

Last synced: 20 Mar 2025

https://github.com/dinanathsj29/progressive-web-apps-pwa-tutorial

Lets learn the core building block concepts and essential technologies behind Progressive Web Apps (PWA). Will cover and understand everything needed to build Progressive Web Apps (PWA) that feels like a native mobile app.

application-manifest manifest-json media-api mobile-app-native-app offline-access progressive-enhancement progressive-web-apps promise-and-fetch-api pwa-apps pwa-training-tutorial responsive-design service-workers web-push-notification

Last synced: 20 Mar 2025

https://github.com/dinanathsj29/grunt-javascript-task-runner

In this course, let us learn and use Grunt-the JavaScript Task Runner, which helps to Architect, Practice, and Automate your development workflow so we can build app/projects/websites faster. Grunt is a command-line task automation tool that speeds up development workflow by taking all the repetitive `grunt work` out of work.

grunt grunt-automate-development-workflow grunt-cli grunt-concat grunt-configuration grunt-contrib grunt-cssmin grunt-gulp-webpack grunt-htmlmin grunt-imagemin grunt-javascript-task-runner grunt-node-npm-package grunt-plugins grunt-sass grunt-source-to-target-copy grunt-task grunt-uglify grunt-watch gruntfile-gruntfilejs gruntjs

Last synced: 20 Mar 2025

https://github.com/dinanathsj29/angular8-new-features-changes

Let’s go over what’s New features and Breaking changes introduced in Angular 8. Will try to understand a bunch of workflow and performance improvements as well as how to go about upgrading our older Angular (Angular v7/6/5/4/2) apps over to Angular 8.

angular8 angular8-new-features angular8-upgrade bazel httpclient httpclientmodule ivy upgrade-angular8 webworker

Last synced: 20 Mar 2025

https://github.com/dinanathsj29/emmet-zen-coding

In this course, let us learn and use a plugin called `emmet` which helps to make your workflow super smooth and efficient. I will show you many handy tricks that will do wonders in saving time when developing a project. Emmet is a plugin for text editors that helps you write HTML and CSS faster and efficiently. Write quicker HTML5 & CSS3 productivity hacks with Emmet (Zen Coding). Faster HTML & CSS workflow with Emmet (Zen Coding). A Complete Guide to Improve HTML & CSS Workflow using Emmet. Accelerate HTML & CSS workflow with emmet coding faster techniques.

emmet emmet-abbreviations emmet-child-sibling-climbing emmet-css emmet-css3 emmet-doctype emmet-gradient-generator emmet-html emmet-html5 emmet-installation emmet-selector-class-id emmet-shortcut emmet-snippet emmet-tag-generation emmet-zen-coding installing-emmet zen-coding zen-coding-abbreviations zen-coding-html zen-coding-shortcut

Last synced: 20 Mar 2025

https://github.com/dinanathsj29/angular-beginnersapp-demo-tutorial

A basic Angular Application/Demo example for beginners - will learn Angular Component, Directives like *ngFor, *ngIf, Data Binding & Interpolation, Routing & Navigation, HTTP-HTTPClient Service etc.

angular angular-cli angular-components angular-demo angular-directives angular-routing angular-routing-navigation data-binding http httpclient ngfor ngif

Last synced: 20 Mar 2025

https://github.com/dinanathsj29/modern-javascript-httprequest-fetch-api

Learn to use send and fetch data with Modern JavaScript Fetch() API

Last synced: 20 Mar 2025

https://github.com/dinanathsj29/modern-javascript-httprequest-axios-library

Learn to use send and fetch data with Modern JavaScript Third party library called Axios which is based on promises

Last synced: 20 Mar 2025