-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
21 lines (19 loc) · 9.31 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>前言 | NTT Front-end Navigation</title>
<meta name="description" content="网络队前端技术导航">
<link rel="preload" href="/NTT-Frontend-Navigation/assets/css/0.styles.2fee7e76.css" as="style"><link rel="preload" href="/NTT-Frontend-Navigation/assets/js/app.5a265b58.js" as="script"><link rel="preload" href="/NTT-Frontend-Navigation/assets/js/10.436d53c4.js" as="script"><link rel="prefetch" href="/NTT-Frontend-Navigation/assets/js/11.00c0fcae.js"><link rel="prefetch" href="/NTT-Frontend-Navigation/assets/js/12.7d0037b1.js"><link rel="prefetch" href="/NTT-Frontend-Navigation/assets/js/2.aefe0114.js"><link rel="prefetch" href="/NTT-Frontend-Navigation/assets/js/3.05de37a3.js"><link rel="prefetch" href="/NTT-Frontend-Navigation/assets/js/4.45dd3fad.js"><link rel="prefetch" href="/NTT-Frontend-Navigation/assets/js/5.bcabc525.js"><link rel="prefetch" href="/NTT-Frontend-Navigation/assets/js/6.1bd1b002.js"><link rel="prefetch" href="/NTT-Frontend-Navigation/assets/js/7.37787bb8.js"><link rel="prefetch" href="/NTT-Frontend-Navigation/assets/js/8.27f8daa9.js"><link rel="prefetch" href="/NTT-Frontend-Navigation/assets/js/9.d2270ab7.js">
<link rel="stylesheet" href="/NTT-Frontend-Navigation/assets/css/0.styles.2fee7e76.css">
</head>
<body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/NTT-Frontend-Navigation/" class="home-link router-link-exact-active router-link-active"><!----> <span class="site-name">NTT Front-end Navigation</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/NTT-Frontend-Navigation/" class="nav-link router-link-exact-active router-link-active">主页</a></div><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title">Mainline</span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/NTT-Frontend-Navigation/Mainline/coding-intro.html" class="nav-link">引言</a></li><li class="dropdown-item"><!----> <a href="/NTT-Frontend-Navigation/Mainline/Concept-Basic.html" class="nav-link">基本概念</a></li><li class="dropdown-item"><!----> <a href="/NTT-Frontend-Navigation/Mainline/HTML-Basic.html" class="nav-link">HTML基础</a></li><li class="dropdown-item"><!----> <a href="/NTT-Frontend-Navigation/Mainline/CSS-Basic.html" class="nav-link">CSS基础</a></li><li class="dropdown-item"><!----> <a href="/NTT-Frontend-Navigation/Mainline/HTTP-Basic.html" class="nav-link">HTTP协议</a></li><li class="dropdown-item"><!----> <a href="/NTT-Frontend-Navigation/Mainline/Javascript-Basic.html" class="nav-link">JS基础</a></li><li class="dropdown-item"><!----> <a href="/NTT-Frontend-Navigation/Mainline/Typescript-Basic.html" class="nav-link">TS基础</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title">Tools</span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/NTT-Frontend-Navigation/Tools/VS_Code.html" class="nav-link">VS Code介绍</a></li></ul></div></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/NTT-Frontend-Navigation/" class="nav-link router-link-exact-active router-link-active">主页</a></div><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title">Mainline</span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/NTT-Frontend-Navigation/Mainline/coding-intro.html" class="nav-link">引言</a></li><li class="dropdown-item"><!----> <a href="/NTT-Frontend-Navigation/Mainline/Concept-Basic.html" class="nav-link">基本概念</a></li><li class="dropdown-item"><!----> <a href="/NTT-Frontend-Navigation/Mainline/HTML-Basic.html" class="nav-link">HTML基础</a></li><li class="dropdown-item"><!----> <a href="/NTT-Frontend-Navigation/Mainline/CSS-Basic.html" class="nav-link">CSS基础</a></li><li class="dropdown-item"><!----> <a href="/NTT-Frontend-Navigation/Mainline/HTTP-Basic.html" class="nav-link">HTTP协议</a></li><li class="dropdown-item"><!----> <a href="/NTT-Frontend-Navigation/Mainline/Javascript-Basic.html" class="nav-link">JS基础</a></li><li class="dropdown-item"><!----> <a href="/NTT-Frontend-Navigation/Mainline/Typescript-Basic.html" class="nav-link">TS基础</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title">Tools</span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/NTT-Frontend-Navigation/Tools/VS_Code.html" class="nav-link">VS Code介绍</a></li></ul></div></div> <!----></nav> <ul class="sidebar-links"><li><div class="sidebar-group first"><p class="sidebar-heading open"><span>前言</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/NTT-Frontend-Navigation/#目录" class="sidebar-link">目录</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/NTT-Frontend-Navigation/#mainline" class="sidebar-link">Mainline</a></li><li class="sidebar-sub-header"><a href="/NTT-Frontend-Navigation/#tools" class="sidebar-link">Tools</a></li><li class="sidebar-sub-header"><a href="/NTT-Frontend-Navigation/#边缘技术-不分先后顺序" class="sidebar-link">边缘技术(不分先后顺序)</a></li></ul></li></ul></div></li></ul> </div> <div class="page"> <div class="content"><h1 id="前言"><a href="#前言" aria-hidden="true" class="header-anchor">#</a> 前言</h1> <p>这是一篇简单的、有集合性质的属于 NTT 前端的教程</p> <p>虽然说自己造轮子好像没有什么必要，而且以我们的水平肯定不会写得比大佬们好，但是其实很多人在学习的过程中都会被这样那样的教程搞得有点选择困难，那我们就来写一个<strong>属于 NTT 的前端导航</strong>吧</p> <p>也就是说，我们是以目前 NTT 的前端技术栈出发，介绍如何搭建目前的技术栈</p> <p>另外，本向导还打算额外解决大家在从零入门的时候，我自己观察到的一些很有趣的问题，这些我们放在前面的部分讲</p> <p>那我们就开始吧</p> <h2 id="目录"><a href="#目录" aria-hidden="true" class="header-anchor">#</a> 目录</h2> <h3 id="mainline"><a href="#mainline" aria-hidden="true" class="header-anchor">#</a> Mainline</h3> <ul><li><a href="/NTT-Frontend-Navigation/Mainline/coding-intro.html">引言：如何学习编程？</a></li> <li><a href="/NTT-Frontend-Navigation/Mainline/Concept-Basic.html">一些基本概念</a></li> <li><a href="/NTT-Frontend-Navigation/Mainline/HTML-Basic.html">HTML基础</a></li> <li><a href="/NTT-Frontend-Navigation/Mainline/CSS-Basic.html">CSS基础</a></li> <li><a href="/NTT-Frontend-Navigation/Mainline/HTTP-Basic.html">理论课：HTTP协议</a></li> <li><a href="/NTT-Frontend-Navigation/Mainline/Javascript-Basic.html">Javascript基础</a></li> <li>如何debug？</li> <li>vue.js基础（一） —— 基本语法</li> <li>vue.js基础（二）—— 组件化</li> <li>vue-router</li> <li>vuex</li> <li><a href="/NTT-Frontend-Navigation/Mainline/Typescript-Basic.html">Typescript基础</a></li> <li>Typescript进阶</li> <li>vue.js-Typescript编程</li> <li>vue技术内幕？</li></ul> <h3 id="tools"><a href="#tools" aria-hidden="true" class="header-anchor">#</a> Tools</h3> <ul><li>打造舒适的开发环境 —— VS Code使用介绍</li> <li>Git & GitHub</li> <li>node.js & npm</li> <li>搭建自己的博客 —— hexo介绍</li> <li>Loadash</li> <li>webpack</li> <li>vue-cli</li> <li>docker</li> <li>GraphQL</li> <li>FP(Functional Programming) 基本概念</li></ul> <h3 id="边缘技术-不分先后顺序"><a href="#边缘技术-不分先后顺序" aria-hidden="true" class="header-anchor">#</a> 边缘技术(不分先后顺序)</h3> <ul><li>CSS预处理</li> <li>canvas</li> <li>Web音频、视频API</li> <li>WebAssembly</li> <li>Electron</li> <li>Node.js后端开发</li></ul></div> <div class="page-edit"><!----> <!----></div> <div class="page-nav"><p class="inner"><!----> <span class="next"><a href="/NTT-Frontend-Navigation/Mainline/coding-intro.html">
如何学习编程？
</a>
→
</span></p></div> </div> <!----></div></div>
<script src="/NTT-Frontend-Navigation/assets/js/app.5a265b58.js" defer></script><script src="/NTT-Frontend-Navigation/assets/js/10.436d53c4.js" defer></script>
</body>
</html>