$ mkdir typescript-demo1
$ npm init -y
$ npm install --save-dev typescript @types/node rimraf
$ npx tsc --init --rootDir src --outDir build \
--esModuleInterop --resolveJsonModule --lib es6 \
--module commonjs --allowJs true --noImplicitAny true
$ mkdir src
$ echo "console.log('Hello world');" > src/index.ts
$ npx tsc
$ node dist/index.jsAuthor: admin
TypeScript Interface Function Types and Indexable Types
Interface as Type
Implementing Interface
Demo1:
See the Pen TypeScriptInterfaceDemo1 by kenanhancer (@kenanhancer) on CodePen.
Continue readingHow to create and run C# project
This post is just a reminder for me. So in order to find more details about dotnet CLI, follow the below link
https://docs.microsoft.com/en-us/dotnet/core/tools/dotnet
Creating a C# Project
Creating a Console Project
dotnet new console -o console-demo1Creating a WebApi Project
dotnet new webapi -o webapi-todo-demo11. Creating a C# Console Project
-o or –output is location to place for new generated project.
dotnet new console -o enum_demo4
Folder Structure
Generated Project
How to compile and run Java Projects with java and javac commands
Compiling
-d is output directory for new generated class files.
How to compile single Java source file
javac -d ./target/classes src/main/java/com/extuni/enum_demo4/App.javaHow to compile multiple Java source files
javac -d ./target/classes
./src/main/java/com/extuni/enum_demo4/App.java
./src/main/java/com/extuni/enum_demo4/Greeting.java
./src/main/java/com/extuni/enum_demo4/Helper.javaHow to compile multiple Java source files using wildcard
javac -d ./target/classes ./src/main/**/*.javaHow to specify dependency jar file when compiling
Trying to compile ./src folder completely will throw exception due to junit.jar file dependency. So, it should be specified using -cp option which means –classpath as below.
javac -d ./target/classes -cp /Users/kenanhancer/.m2/repository/junit/junit/4.11/junit-4.11.jar ./src/**/*.javaHow to create and run Java project with Maven
You can find more details in https://maven.apache.org/guides/getting-started/maven-in-five-minutes.html
1. Creating a Java Project with Maven
mvn archetype:generate
-DgroupId={project-package-name}
-DartifactId={project-name}
-DarchetypeArtifactId={maven-template-name}
-DinteractiveMode=false
-DarchetypeVersion=1.4for example
mvn archetype:generate
-DgroupId=com.extuni.enum_demo4
-DartifactId=enum_demo4
-DarchetypeArtifactId=maven-archetype-quickstart
-DinteractiveMode=false
-DarchetypeVersion=1.4
Maven Directory Layout
Finding Adding Variations
HTML Fixed Header Scrollable Table
See the Pen CssLayout-Position-Demo10 by kenanhancer (@kenanhancer) on CodePen.
ReactJS Person Application
CSS Layout – Positon Property
Demo
if value of position property is absolute or fixed, then that element is removed from dom, so next element of that element which is specified as absolute or fixed will replace of that element. It will overlap.
See the Pen CssLayout-Position-Demo9 by kenanhancer (@kenanhancer) on CodePen.
Continue reading