Skip to content

A simple introduction to web front-end development in 2016 Fall

License

Notifications You must be signed in to change notification settings

SSTIA/front-end-tutorial

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 

Repository files navigation

front-end-tutorial

A simple introduction to web front-end development used in SSTIA in 2016 Fall.

Markdown

Headings (section)

# title
## subtitle
### subsubtitle (subsubsection?)

unordered list (itemize)

  • the first item
    • subitem
    • subitem
      • subsubitem
  • the second item

ordered list (enumerate)

  1. the first item
    • hyper subitem
  2. the second item

code block

#include <stdio.h>

int main() {
	printf("Hello world\n");
    return 0;
}

LaTeX Math

$$\frac{d}{dx}x^2 = 2x$$

image

Note that the website or software need support mathjax to render LaTeX formula.

Others

HTML

Translation

Markdown

# How to survive in JI
There are too many dues in JI.
- Vv186 Honors Mathematics II
- Vg101 Introduction to Programming

HTML

<!DOCTYPE html>
<html lang='en'>
<head>
	<title>How to survive in JI</title>
</head>
<body>
	<h1>How to survive in JI</h1>
    <p>There are too many dues in JI.</p>
    <ul>
    	<li>Vv186 Honors Mathematics II</li>
        <li>Vg101 Introduction to Programming</li>
    </ul>
</body>
</html>

Links

CSS

  • 层叠样式表
  • Separate style and contents. Just examples.

Selectors

  • tag: div
  • class: btn-default
  • id: slide

Properties

  • font-family: "Microsoft Yahei", sans-serif
  • font-size: 12px pt 10%
  • margin-left: auto
  • margin-right: auto
  • padding-left: 12pt
  • text-align: center
  • lots

Links

Javascript

Static -> dynamic

TBD

About

A simple introduction to web front-end development in 2016 Fall

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages