[Front-end] 1)Brief info about Front-end web development

2021. 1. 10. 22:25· Web
목차
  1. DAY1

Codecademy front-end engineer course

DAY1

  • Introduction: Web development Fundamentals
  • What is the internet?
  • What is web development? 
  • What is Front-end development?

 - HTML Markup

: HTML separates content and annotation by using HTML tags

 - HTML elements

 

- Common tags 

: heading, paragraph, anchor, button

 

* basic value structure is

value="name"

- Adding Links

<a href="link">Learn to Code!</a>

- How to link css file

<head>
	<link rel="stylesheet" href="style.css">
</head>

 

- Summary

HTML structures website contents
CSS applies styling to websites
Javascript add interactive to websites
SQL(structured query language) figures out what kinds of data is stored and retrieved

 

- 관련 article

https://codeburst.io/how-to-become-a-web-developer-101-5db4f11e611

 

Web Development For Beginners

We all use the web every single day, but how many of us actually know how it works or the skills necessary to become a web developer?

codeburst.io

 

- 앞으로 공부할 Roadmaps

https://roadmap.sh/frontend

 

 

Developer Roadmaps

Community driven roadmaps, articles, guides, quizzes, tips and resources for developers to learn from, identify their career paths, know what they don't know, find out the knowledge gaps, learn and improve.

roadmap.sh

 

반응형
저작자표시 (새창열림)

'Web' 카테고리의 다른 글

[CSS] 7) 색 표현법, 색 넣기 (#HSLA # RGB)  (0) 2021.01.19
[Front-end] 6) Github로 웹페이지 만들기/Semantic CSS  (0) 2021.01.19
[Front-end] 5)CSS 비주얼 규칙/ Visual Studio Code로 웹페이지 만들기  (0) 2021.01.17
[CSS] 4)CSS 구조/선택자 Selector  (0) 2021.01.17
[HTML] 3)HTML 구조/ Semantic HTML (#HTML tags)  (0) 2021.01.15
  1. DAY1
'Web' 카테고리의 다른 글
  • [Front-end] 6) Github로 웹페이지 만들기/Semantic CSS
  • [Front-end] 5)CSS 비주얼 규칙/ Visual Studio Code로 웹페이지 만들기
  • [CSS] 4)CSS 구조/선택자 Selector
  • [HTML] 3)HTML 구조/ Semantic HTML (#HTML tags)
이티권
이티권
programming, design
이티권
ET WORLD
이티권
전체
오늘
어제
  • 분류 전체보기 (85)
    • Web (43)
      • Three.js (1)
      • javascript (6)
      • React (2)
    • algorithm (18)
      • BOJ (6)
    • Record (9)
      • 생각 (6)
      • 경험 (3)
    • Art (7)
    • Technology (8)
      • Data (2)
      • Info (5)

블로그 메뉴

  • WEB
  • RECORD
  • ALGORITHM
  • TECH
  • ART

공지사항

인기 글

태그

  • 퓨 이벤트
  • 알고리즘문제
  • 깃허브하는법
  • 알고리즘
  • svgr
  • 스프레드문법
  • 깃 CLI
  • 포토샵
  • 레포지터리만들기
  • C언어
  • js
  • 뷰라우터
  • 재귀함수
  • 뷰링크
  • 불확신
  • 페이지 링크
  • ChatGPT
  • CSS
  • 맥북소리녹화
  • 기명함수 표현식
  • 나머지매개변수
  • 뷰 프롭스
  • 컴포넌트 통신
  • 컴퓨터공학힘든가요
  • 깃허브시작
  • 시니어프론트엔드개발자
  • 순환
  • HTML
  • html tag
  • vue.js

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.1
이티권
[Front-end] 1)Brief info about Front-end web development
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.