GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - SSTIA/front-end-tutorial: A simple introduction to web front-end development in 2016 Fall

BranchesTags
Open more actions menu

Latest commit

 

History

7 Commits
7 Commits

Folders and files

NameName
Last commit message
Last commit date
E1-SimpleHTML
E1-SimpleHTML
 
 
E2-Bootstrap
E2-Bootstrap
 
 
LICENSE
LICENSE
 
 
README.md
README.md
 
 

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

  • Learn X in Y minutes where X = Markdown
  • Markdown 语法说明
  • moeditor
  • Harropad

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

  • W3School HTML

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

  • Learn CSS in Y Minutes
  • Bootstrap CSS

Javascript

Static -> dynamic

TBD

About

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

Resources

Readme
License
Activity
Custom properties

Stars

3 stars

Watchers

3 watching

Forks

0 forks
Report repository

Releases

Packages

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.