Journey start to become a web developer and Learn HTML - day 1 | 90 Day Code

Journey start to become a web developer and Learn HTML - day 1 | 90 Day Code

Before start to be a web developer journey you must follow three rules until you finished. 
  • It will take 6-7 hours every day (90 day) 
  • Must be given priority than all other works
  • Be unsocial and sacrifice all other enjoyable issue in this 90 day.   
frontend web development skills
3 main language to build a website


How to become a Front end Web Developer in four steps: 
  1. Learn HTML, CSS, Bootstrap, JavaScript
  2. Learn a Framework: React 
  3. Learn version control system: Git
  4. Learn CSS preprocessors: SASS, JS preprocessors: TypeScript
frontend web development skills


How to become a back end developer: 
  • Understanding of front end web technologies: HTML, CSS, JavaScript
  • Choose a programming language: 👉JavaScript👈 or Python or PHP
  • Learn a framework: node js, express js, django (python framework)
  • Learn git and github
  • Learn Firebase, firebase authentication, 
  • Databases: SQL and Non-SQL (MongoDB)
  • Learn about API 

What can you do with JavaScript? 
  • make a web apps
  • make native apps: desktop, andorid, ios
  • make server apps with node js
What is inspring you to become a web developer? 
  1. Work From Home
  2. Great Salary
  3. Work for Yourself(freelancing)
There are lot of resources ready to help you. Remember those name:
  • stackoverflow
  • css tricks
  • freecodecamp
  • w3schools
When you are stuck on coding problem, Take the time to read the error, copy it and search google to find the solution. 

Install VS code
===========
1. Search google - 'download VS code and install it.
2. Memorise shortcuts for use VS code

Install node
============
1. download node and install it
2. node --version

Install git scm and create github account
============================
1. download git and install 
2. git --version
3. create a github account

Learn HTML as a beginner
  • Open VS Code
  • Create New file (ctrl + N)
  • ctrl+s (.html) 
HTML - hypertext markup language 
  • hypertext - it means it links to another document(page, audio, video, text)
  • markup - it means there are some special charecter sign. <> </>
Some HTML Tags 

<b></b> or <strong></strong> this tag used for to bold text. Used strong tag rather than b tag. strong tag help SEO. It is a semantic tag. 
<h1><h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>		 h1 is the largest heading tag and means it's the most important text on the page.  
<a href="".></a> it is called ancor tag, link to go other page or document. Here href is a html attribute, that's set destination. Attribute means Extra information add in html tag. 
  1. local link: <a href="contact/index.html">Contact</a>
<img src=""></img>
  1. display online image on your website: <img src="https://mojnu.tech/static/media/mojnumiah.1f8c09eb.png"></img>
  2. display local image on you website: <img src="../img/mojnu.png"></img>
src is a attribute
<ol>
    <li><li>
    <li><li>
</ol>		 ol means order list. li means list item. ol is container tag. 
  1. basic tag: <p></p>
  2. attribute tag: <a href="#"></a>
  3. container tag: <ol><ol>
<ul>
    <li><li>
    <li><li>
</ul>		 To show unordered list in your website. 
<button>Click me</button>
<input type="text"/> There are many types of input. 
  • email input
  • password
  • text
  • <textarea></textarea>
<span></span>
<div></div> div tag is a container tag. Most used in website. Group other elements as a parent tag. 
<section></section>
<title>about</title> title tag is used for page name and it's shows on tab. It is very important for SEO. 
<body></body> body tag contains everything we see in a website
<meta></meta> meta tag help a page for SEO. 




HTML Syntax:

<!DOCTYPE html>
<html>
    <head>
        <title>document</title>
    </head>

    <body>
    </body>

    <footer>
    </footer>
</html>

Time is very short to prove yourself. - 90 Day Code 

Comments

Post a Comment

Popular posts from this blog

Learn javaScript Basics- Day 4

HTML : html used for describing content CSS : css used for describing presentation of the content JavaScript : javascript used for describing behaviours Run JavaScript in VS Code node filename.js or,  click run button in VS code create a launch.json file select node.js preview html and css are not programming language. JavaScript is a programming language.  Programming is a set of instruction (which is written by programmer) that telling a computer what to do.    What does the alert() function do? The alert function opens up a pop-up box with whatever text you pass to it. What does prompt() funtion do? The prompt function opens up a pop up box with a text field that allows the user to type an answer, which it will then return to code. Primitive values are hardcoded and therefore cannot be changed. if a=10, you can change the value of x you can not change 10 Javascript data types Numbers String booleans null undefined object function Numbers : JavaScript onl...
Read more

Learn Git and host your website- Day 3

 Github  Create a Github account It helps you to share you code multiple computers or collaborate with friends version control system Install Git ======= download git from Google git --version download Github desktop  https://desktop.github.com/ Configuring Git =========== git config --global user.name "coderMojnu" git config --global user.email mojnu.cse.pust@gmail.com First Push ======= mkdir first_push cd first_push touch README.md (Markdown is a language that looks a lot like plain text)  echo "foo bar bizz bang" >> README.md (saving some text in README.md) cd projects/first_push/ git init git status git add README.md (Calling git track the file)  git commit -m "Initial Commit" (Calling git to save this)  Checking Status and Branches ====================== git status Send your all Code to github ===================== create a new Repository and fill up the information and hit 'create Repository' button git remote add origin https://github...
Read more