DEV Community: Harish Sarangan

Javascript - JS

Harish Sarangan — Wed, 09 Jul 2025 17:43:46 +0000

Js is single thread programing language which execute a only one task at a time
It is an interpreted language
The data type is declared during runtime that why it is called dynamically type programming language

Variables
It is container which is used to hold the values of any datatype

Variable declaration
First letter should always start with letter or _(Underscore) or numbers
follow up character can be letter or _ or numbers

Three main variable keyword

var - Can be declared , initialized and re-declaration is possible
let - Can be declared, initialized and re-declaration is not possible
const - Can be declared, initialized and re-declaration is not possible also value update is not possible

Var user1 // declaration
user1 = Harish //initialization

console.log(user1) // used to print the values in the console

Steps to host the HTML project

Harish Sarangan — Wed, 25 Jun 2025 17:55:25 +0000

Step1: Login into the GIT Lab
Step2: Create a new group using + icon at the top left near to the user icon
Step3: Create a new project under the created group during project creation set the visibility as public and initialize the project with readme file
Step4: Open the file explorer and navigate to the folder where you need to pull the created project
Step5: Open the cmd prompt from the folder or open the cmd prompt and navigate to that folder using cd cmd
Step6: Use the cmd git pull "repository url"
Step7: Now paste your html file under the workspace or create a new html project under that workspace and name the html file as index.html
Step8: Create a new file using the name gitlab-ci.yml and use the code as mentioned below. Spacing also should be as it is

pages:
  stage: deploy
  script:
    - mkdir public
    - cp index.html public/
  artifacts:
    paths:
      - public
  only:
    - main

Step9: Now commit your changes to your gitlab follow the cmd
Git add .
Git commit -m "Add your message"
Git push origin main
Step10: After pushing click on deploy->Pages
Step11: It will ask for 4 step to host the project
1. Under Select your build image - Enter the value as nginx:alpine
2. in step2 it is asking for installation steps - Enter the value as echo "No installation needed"
3. In step 3 under build need - Enter the value as echo "No build needed"
4. It will ask to publish the directory before publishing go to setting->General setting -> under Project visibility select access to everyone so that after hosting everyone can access the url

At the end of step 9 pipeline will get triggered and URL will be created for your project

HTML Day6

Harish Sarangan — Mon, 16 Jun 2025 13:55:23 +0000

Beginner

HTML5

Day6

In Picture tag, the browser selects the appropriate image based on the viewport width. If none of the source elements match, the img element's src is used as a fallback.

The source Tag
The source element is used within picture, audio, or video elements to specify multiple media resources. It allows browsers to choose the first source they support.

Attributes:

srcset: Specifies a list of image sources.

media: Defines a media query to determine when the source is applicable.