小程序开发菜鸟教程（小程序怎么开发教程）
今天给各位分享小程序开发菜鸟教程的知识，其中也会对小程序怎么开发教程进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！
本文目录一览：
- 1、如何用VC做个简单小程序（详见问题）
- 2、目前编写一款简单的手机应用APP一般用什么编程语言？
- 3、2020年Web前端自学之路指南
- 4、如何学习web前端
- 5、编程菜鸟
- 6、如果要学习web前端开发,需要学习什么?
如何用VC做个简单小程序（详见问题）
您好！
虽然有点多，但对您总是有好处的，看得越多，好处也越多。呵呵
C＋＋语言相对于C语言来说引入了两个大的新东西，一个就是面向对象（具体来将就是类
），另外就是模板技术（模板编程或者叫泛型编程是进来非常流行的技术，在C＃中虽然还
没有对泛型编程的支持，但是相信在将来也一定会加入这一功能），模板是C＋＋中比较复
杂的部分，但是作为一个真正的C＋＋程序员，这部分很重要。尤其是对C＋＋标准程序库
的掌握尤为重要。
刚开始的时候千万不要直扑VC中的各种向导和设计器。因为依赖开发环境生成的很多代码
会把我们搞糊涂，也不利于我们学习C＋＋语言本身。我的建议就是生成一个空的控制台工
程，然后自己向里面添加文件。
如下就是一个简单的控制台程序：
//robindy/list.cpp
＃i nclude
＃i nclude
using namespace std;
int main()
{
list coll;
for(char c = 'a'; c = 'z'; ++c)
{
coll.push_back(c);
}
list::const_iterator pos;
for(pos = coll.begin(); pos != coll.end(); ++pos)
{
cout *pos ' ';
}
cout endl;
return 0;
}
对using namespace std;的解释：
所谓namespace，是指标识符的各种可见范围。C＋＋标准程序库中的所有标识符都被定义于一个名为std的namespace中。
由于namespace的概念，使用C＋＋标准程序库的任何标识符时，可以有三种选择：
1、直接指定标识符。例如std::ostream而不是ostream。完整语句如下：
std::cout std::hex 3.4 std::endl;
2、使用using关键字。
using std::cout;
using std::endl;
以上程序可以写成
cout std::hex 3.4 endl;
3、最方便的就是使用using namespace std;这样命名空间std内定义的所有标识符都有效（曝光）。就好像它们被声明为全局变量一样。那么以上语句可以如下写:
cout hex 3.4 endl;
这段程序用到了标准模板库,在屏幕上打印字符a~z，其中main函数的标记式只有两种是被
C＋＋标准委员会接受的，只有以下两种写法是符合C+＋标准的，是可移植的。即：
int main()
{
}
和
int main(int argc, char* argv[])
{
}
C++在main()的末尾定义了一个隐式的return 0; 但是在VC中必须显式的写出return语句。
在BCB中可以不写return而编译通过。
这段程序中用到了STL中的容器：链表。先是向链表中插入26个字母，然后从遍历链表，输
出字符。
我不建议初学者一开始就从模板库入手，但是我建议应该逐渐地有意识地学习模板库。如
我们应该熟悉cout和cin的用法(位于iostream)，而减少使用老式的C函数库中printf和sc
anf等。
从控制台入手的好处就是避免我们理解VC中向导等工具生成的其他代码，整个程序的流程
很清楚。新手学习VC的一大难点就是搞不清楚整个程序的流程(从那条语句开始执行，然后
从那条语句退出。MFC做了太多封装，掩盖了事实的真相，^_^)。通过控制台我们可以很快
地学习C＋＋语言中的很多新特性。如类的封装、继承和多态等。通过这个时期的学习，要
能够掌握三个东西： C＋＋关键字、语法（重点是和面向对象有关的，以及模板）、C＋＋
标准程序库（知道怎么使用即可，要彻底掌握需要很多时间和精力）。至于与界面有关的
东东（MFC中很大一部分是与界面相关的类，所以我认为MFC很臃肿而无聊！回头看过以前
用MFC写的程序，有一种“垃圾”的感觉。）
自己做个测试：
写一个控制台程序，在其中体现出类的继承，函数重载，动态多态（通过虚函数实现），
数据封装，C＋＋标准库的运用。
如果你能够轻松搞定，恭喜你，你已经通过C＋＋语言关了。不过C＋＋实在是一个复杂的
东东，其中有各种千奇百怪的语法现象，如果没有三、五年的功力，千万不要说自己懂C+
+。^_^。
推荐书籍《Thinking in C++》(有精力的话，可以直接读原版)
《Essential C＋＋》
本来我计划继续说说如何来进入C＋＋世界的，但是琢磨了一下，觉得还是要先解决一个问
题：为什么要学习C＋＋？我觉得在软件开发这个行当了里除了为了生计外，学习新东西都
是应该以兴趣为导向的。所以撇开我个人对C＋＋的偏爱，我想为你树立起学习C＋＋的信
心和兴趣。当初我对自己学习C＋＋的第一个忠告就是：不能半途而废！起初是兴趣驱动，
后来则是生计所需，最后还是回归到了兴趣。毕竟我从中得到了乐趣，这就足够了。在学
一个新东西前，解决动机问题很重要。就如同杀人一样，如果只是突然兴起，那么等尝试
了以后，是没有成就感的。革命先烈们为我们作出了很好的榜样，就算我们在学习C＋＋的
道路上遇到了太多困惑和痛苦，但是我们毕竟为自己的信念做了努力，我们知道自己在
做什么，知道自己在追求什么。
C＋＋适合做什么样的开发？
C＋＋是一门广泛用于工业软件研发的大型语言。具有很高的复杂性和解决问题的能力。C
＋＋不仅在开发上极具价值，同时在学术界也就有很高的价值。有关C＋＋的文章应该可以
用浩如烟海来形容了吧。C＋＋的世界级经典书籍也是数不胜数。然而，目前开发语言是如
此地繁荣，就连微软也在推出了新的开发语言C＃。一个不可否认的现实是，在低阶程序设
计领域，C++挤压着C同时也在承受着C的强烈反弹，前段时间看了据说是微软操作系统源代
码的东东，其中很多还是C语言。而在高阶程序设计领域，Java和C#正在不断蚕食着C++的
地盘。也许Java和C#的狂潮终将迫使C++回归本位— 回到它有着根本性优势的开发领域：
低级系统程序设计、高级大规模高性能应用设计、嵌入式程序设计、通用程序设计以及数
值科学计算等。果真如此，我认为这未尝不是一件好事。电力系统软件所要求的高性能和
大规模数值计算正是C＋＋所擅长的。就我所接触的南瑞和鲁能，很多涉及到电力系统计算
的软件如PAS等，都是用C＋＋来开发的。在电力系统软件开发这块阵地，C＋＋大有用武之
地。C++吸引如此之多的智力投入，以至于这个领域的优秀作品，包括重量级的软件产品、
程序库以及书籍等，数不胜数。在C＋＋之父Bjarne Stroustrup的个人主页上，有一页
列出了一些（全部或大部分）使用C++编写的系统、应用程序和库。
下面是一些例子(摘自荣耀网站)：
o Adobe Systems：所有主要应用程序都使用C++开发而成，比如Photoshop ImageReady
、Illustrator和Acrobat等。
o Maya：知道“蜘蛛人”、“指环王”的电脑特技是使用什么软件做出来的吗？没错，就
是Maya。
o Amazon.com：使用C++开发大型电子商务软件。
o Apple：部分重要“零件”采用C++编写而成。
o ATT：美国最大的电讯技术提供商，主要产品采用C++开发。
o Google：Web搜索引擎采用C++编写。
o IBM：OS/400。
o Microsoft：以下产品主要采用C++（Visual C++）编写：
o Windows XP Windows NT：NT4、2000 Windows 9x：95、98、Me Microsoft Office：Wo
rd、Excel、Access、PowerPoint、Outlook Internet Explorer，包括Outlook Express
Visual Studio：Visual C++、Visual Basic、Visual FoxPro .NET Framework类库采用C
#编写，但C#编译器自身则使用C++编写而成。Exchange SQL Server FrontPage Project
所有游戏......
o KDE：K Desktop Environment（Linux）。
o Symbian OS：最流行的蜂窝电话OS之一。
C＋＋源于C语言，还记得很久以前学习C语言的时光（那是一段快乐而充实的时光），可是
现在学习C＋＋，并不是在C的基础上加上了类而已，如果这样认为，我们是耍不好C＋＋的
。因此，C＋＋绝不是C的升级或扩充，我们应该把C＋＋当作一门新语言来学习（C＋＋之
父Bjarne Stroustrup语）。
写程序首先希望是程序能正确执行，其次是效率能够被接受，再次就是易于维护。C＋＋是
一个难学易用的语言。C＋＋提供了太多可选择的东西，而且使用使用C＋＋来写程序可以
有四种思考模式：基于过程、基于对象、面向对象和泛型。我们使用一种语言来写程序，
并不意味着就是使用语言本身，换句话说，我们更多的时候是使用程序库在写程序。比如
MFC、STL、ATL、VCL等等。其中要使用C＋＋来写出结构优美、性能卓越、代码简洁、易于
维护的代码，首推C＋＋标准程序库。STL对效率做了严格的要求，而且使用STL写出来的程
序简洁美观（前段时间我特意贴了一个要求对若干整数进行排序的帖子，其实目的就是用来
展示STL的简洁优雅）。一旦习惯使用泛型思维来考虑问题，我们能够充分体会到模板带来的美！
对于数值计算来说，C＋＋标准程序库可以充分满足现代化服务和商业计算对数据、信息的即
时回应的要求。
我觉得学好一门语言最重要的就是实践。也就是多“写”！“工程经验之积累”对已具有
一段开发时间的程序员而言，非常重要！只有在不断的积累中，我们才能渐渐体会到C＋＋
语言中的一些背后的东西。对于这点，没有大量程序代码写作经验的菜鸟，也可以借助《
Effective C++》先攒一些经验值。《Effective C++》是一本好书！。Meyers的书绝对值
得一读，Meyers可以说当今C＋＋社群中数一数二的技术专家。
推荐网站：
以下文字应该是去年所涂鸦而成，主要是关于动态内存分配的，在这里将其重新看了看
，觉得还是写得太浅薄了。因为内存是程序运行的“运动场”，对场地的了解程度会直接
影响到我们程序运行的流畅度和稳定性。
C++提供了操作符new来在堆上分配内存，操作符delete来释放内存。有些情况下，我
们需要对内存的分配和释放进行更好的控制。许多程序创建和释放一些重要类的大量的对
象，如tree nodes,linked lists links,points,lines,messages,etc.使用通用的内存分
配器如new和delete来进行这些对象的分配和释放有时将支配程序的运行时间和内存需求。
两方面的因素：通用内存分配操作的运行和空间的耗费以及不同对象大小引起的内存碎片
。类使用定制的内存分配器将加快模拟器、编译器和类似程序的执行速度。
例外一种需要更好的内存控制的情况是：需要在有限资源的情况下长时间不间断运行
的程序。实时系统经常需要用最少的耗费来获取有保证的可预期的内存。这也就导致了更
好的内存控制的需要。一般来说，这些程序都避免使用动态的内存分配，而使用特殊目的
的内存分配器来管理有限资源。
此外，还有一些情况下由于硬件或系统的要求，需要将对象放在指定的内存位置。这也
需要进行定制的内存管理(通过重载new来加以实现)。
在C++ Release 2.0中，为了满足以上需求，内存管理机制做了相应的修改。主要是引
进了operator new [] 和 operator delete []。
new操作符的作用范围（Scope for operator new Functions）
操作符(Operator) 范围(Scope)
::operator new Global
class-name::operator new Class
operator new的第一个参数必须是类型size_t（在STDDEF.H中定义的类型），返回类型
为void *。
当分配内建(built-in）类型的对象、未包含用户自定义的new操作符函数的类对象、任何
类型的数组时，使用全局new操作符函数。当在类中自定义new操作符时，分配该类对象的
内存时，调用该类的new操作符。如下：
＃i nclude
＃i nclude
class Blanks
{
public:
Blanks(){}
void *operator new( size_t stAllocateBlock, char chInit );
};
void *Blanks::operator new( size_t stAllocateBlock, char chInit )
{
void *pvTemp = malloc( stAllocateBlock );
if( pvTemp != 0 )
memset( pvTemp, chInit, stAllocateBlock );
return pvTemp;
}
int main()
{
Blanks *a5 = new( 0xa5 ) Blanks;//创建对象Blanks，并且初试化为0xa5
return a5 != 0;
}
new操作符可以重载，而delete却不行。因为等到需要释放的时候，我们所能得到的就
是一个指针。而且该指针可能不是原先的对象类型指针（有可能进行了类型转换）。实际
上，当使用new获得一个指向一片内存的指针时，在该片内存前有一个指示器(indicator)
，记录实际分配的内存数量。当调用delete时，可以获知需要释放的内存大小。
数组的释放(Deallocating Arrays):
void f( )
{
X* p1 = new X[10];
//...
delete [] X;
}
为什么不使用delete [10] X;来释放内存？Bjarne Stroustrup称这种做法容易导致错
误，而将记录元素个数的任务放在delete的实现中了。
至于为什么C++中未内建垃圾收集器(Garbage Collection)的原因，看《C＋＋语言的设
计和演化》(En) Bjarne Stroustrup 机械工业出版社（俗称：DE）可以得到答案。
此外，C＋＋标准库中提供了一种智能型指针auto_ptr,这种指针可以帮助我们防止“被
异常抛出时发生资源泄漏”。但是缺点是该智能型指针不能指向数组，因为其内部释放内
存是通过delete而非delete [] 来进行的。所以，只能使用其来指向一个单个对象。
模板部分是C＋＋中比较难的部分，也是C＋＋的魅力所在。以下文字是我以前看过的，具
体出处不清楚了。今天稍微整理了一下，作为模板介绍的一个单元。
为什么要使用模板
对于除类型之外，其余都相同的函数（譬如quicksort），我们一般有3种解决办法。
1、针对每个不同的类型重复地编写函数实体(C语言的做法)：
int* quicksort(int a[]) {... }
double* quicksort(double a[]) {... }
…
2、使用Object（Java的做法）或者void*
缺点有两个
效率问题方面也有问题
类型检查问题
3、使用宏预处理机制
缺点：只是愚蠢的文本替换，而且也不会考虑作用域和类型安全。
然而，应用模板却可以避免这些缺点，我们可以编写：
template
T* quicksort(T a[]) {... }
优点：
代码简洁优雅，所有参数类型都以T来代替，真正实现了类型无关性。
更好的类型安全性，所有的类型检查都是在编译期进行，而且避免使
用指针。
不存在继承，效率高。（1）没有虚函数；（2）所有的一切工作都是
在编译期完成，大大提高运行效率。
目的：告诉编译器如何做出最佳的选择，而且这种选择
全部是在编译期完成的。
模板的机制：特化 和 实参演绎
1、特化
基本模板：
template
class A { // (1)
void f(T1 a, T2 b);
}
局部特化（偏特化）：
template class A { // (2)
void f(int a, T2 b);
}
或者
template class A { // (3)
void f(T a, T b);
}
全局特化（显式特化）：
template
class A {
void f(int a, int b); // (4)
}
使用示例：
A* p1; //将使用(4) ——全局特化
A* p2; //将使用（3） ——局部特化
A* p3; //将使用（2） ——局部特化
A* p4; //将由（1） ——基本模板——生成
//A
优点：
由：全局特化-局部特化-基本模板，这种特化顺序的选择与匹配（重载解析规则）是由编译器自动进行的，无需人工参与。
可以根据不同的情况（诸如类型不同，条件不同），给出不同的实现，从而获得更加灵活的针对性。
可以针对任何变化，改善了程序的扩展性。
2 实参演绎
T const f(T const a, T const b)
{
return a + b; //1处
}
int g = f(1,2);
实际上f(1,2)要匹配的函数是int const f(int const,int const);
而这个函数又是怎么来的呢？
优点：
再也无需提供一对尖括号和里面的实参，诸如f(1,2)，有了
实参演绎，我们就可以写成f(1,2)。
模板的应用
1、标准库(STL)——到处都是模板代码
标准库＝算法＋容器＋迭代器
如list /
2、类型无关性（T）
3、trait和policy
（1）trait: 主要用到了许多typedef和特化,指定的是一种特性。
// traits/accumtraits3.hpp
template
lass AccumulationTraits;
c template
class AccumulationTraits {
public:
typedef int AccT;
static AccT const zero = 0;
};
template
class AccumulationTraits {
public:
typedef int AccT;
static AccT const zero = 0;
};
template
class AccumulationTraits {
public:
typedef long AccT;
static AccT const zero = 0;
};
（2）policy：通常表现为某个函数，指定的是一种行为
class SumPolicy {
public:
template
static void accumulate (T1 total, T2 const value) {
total += value;
}
};
（3）trait和policy的用法：
template
class Accum {
public:
typedef typename Traits::AccT AccT;
static AccT accum (T const* beg, T const* end) {
AccT total = Traits::zero();
while (beg != end) {
Policy::accumulate(total, *beg);
++beg;
}
return total;
}
};
4、Metaprogramming
编译期计算、递归的思想
5、新形式的设计模板
(第三、第四、第五点以后再详细介绍)
《C++ Templates中文版》的具体介绍
第1部分介绍了模板的基本概念，以教程的风格来介绍这些基本概念。
第2部分阐述了模板的语言细节，可以作为一本基于模板的构造的参考手册。
第3部分介绍了C++模板所支持的基本设计技术，范围覆盖从微小的概念一直延伸到复杂的用法；一些技术在别的书籍都没有出现过。
第4部分基于前两部分，深入讨论了各种使用模板的普通应用程序。
目前编写一款简单的手机应用APP一般用什么编程语言？
编写手机App，用什么语言？
从简单到复杂，可以分三级：
简单方案：HTML5
其实就是把网页封装成App。编程语言就是网页三件套：HTML+CSS+Javascript
有多种工具和框架，如Cordova, uni等等。
这种方式实现“App”最容易，且跨平台，对于iOS和Android做一套就行了。代价是功能弱，性能低，换句话说就是“卡”。
中等方案：原生跨平台框架
这类方案在iOS和Android之上自行实现一套原生框架。通用的Flutter, ReactNative都是流行的原生跨平台框架。适用于 游戏 的Cocos2D，Corona SDK也可以算在这一级里。
这类方案实现App难度中等，因为跨平台，一次开发，iOS和Android都能运行。功能和性能也是中等，比不上原生App，但比HTML5的又好很多。
复杂方案：原生开发
直接在iOS和Android上各自开发一套原生App。
iOS可以使用Objective C或Swift。
Android可以使用Java或Kotlin。
还是来一个图表吧，虽然简单，却很明了：
推荐用Flutter，简单。
以前自己用android原生写过7天酒店签到程序，不过当时的安卓还是比较难写的，不像现在越来越容易上手。
Flutter
Flutter是一个由谷歌开发的开源移动应用软件开发工具包，用于为Android、iOS、 Windows、Mac、Linux、Google Fuchsia开发应用。
Flutter应用是使用Dart语言编写的，虽然是新的一种语言，但是难度不算大，上网搜下相关教程学习下，应该就能很快上手。
Flutter效果
这里是我上个月仿照教程弄的一个简单APP，效果图如下：
点击"Next"就切换下一张，点击"Pre"就切换前一张，点击“Reset”就全部滑落下来。
我女儿最喜欢中间的Reset效果，哈哈。
希望这个答案能帮到你。
现在Flutter正式版已经出来了，原生性能，安卓iOS多平台支持，谷歌大厂背书，大家可以比较放心的学习。编程语言用的是Dart，可以看做是加了语法糖版本的Java，学习起来也比较容易，如果想做手机app，可以考虑使用它。
如果只是自己做着玩的话推荐用H5开发，开发工具HBuilder或者HBuilderX。
先科普下什么是IOS和Android吧。
IOS只是操作系统而已，是苹果的操作系统。
开发IOS上运行的APP的话，现在流行的语言是Object-C和Swift。
Android也是操作系统，是谷歌基于Linux内核开发出来的手机操作系统。
开发Android上运行的APP的话，现在流行的语言我觉得仍然还是JAVA。
如果想要真的做一款APP的话，不仅仅会一门语言就够了，涉及的东西比较多，如下是我给你的学习推荐路线。
学习路线：
1：先学习js，然后学习下html 、css。
学习这些可以上菜鸟教程或者W3School网站学习。
开发工具使用vscode或者Notepad++都可以的。
2：了解Mui常用组件（官网：），
熟悉常用API(官网：)。
3：服务端的开发，要么用java开发，要么用.net webapi开发，推荐理由，java目前是主流，.net webapi简单容易。
java 开发工具IntelliJ IDEA，.net 开发工具 vs。
4：数据存储使用mysql。
补充说明：如果是想做专业开发APP的话还是建议用java开发客户端，ios APP则用swift开发。
当然现在为了一套代码多个平台，使用H5开发专业APP的也有。
会了就可以正式撸代码实现自己简单的APP了。
回答完毕，谢谢。我是只说代码的大饼。
那当然首选是h5套壳了。关于语言方面，我建议还是用PHP吧。随着进一步学习，可以学习uinapp一键多端。H5、小程序、App、小程序支持多个平台上架、微信抖音支付宝百度，希望可以帮助你
目前有三种app开发方式：原生app、混合app、webapp。
原生app：安卓需要java语言，ios需要 objec t-c，wp需要的.net语言。这种app用户体验最好，性能也是最好的，开发成本高，开发周期长，一款app需要开发多个语言版本；
混合app：需要h5，javascript，了解每个混合框架，比如appcan、hbulider、phonegap等等，以及封装的中间件。这种开发方式的用户体验、性能没有原生的好，但是他的开发周期短，开发成本低，对开发人员技能掌握比较高，开发一套程序可以兼容到多个设备上；
webapp：需要h5、javascript语言，不能调用底层设备，用户体验效果次之，开发简单，开发成本低，开发周期短，可以兼容多个设备。
综上所述三种开发各有优缺点，要根据具体的项目需求来选择适合自己的开发语言和开发场景。
uniapp了解下，多端应用。app的话要考虑安卓和苹果，但学了二种学习成本比较高。用uniapp就解决了。
现在中小型企业都在逐渐采用跨平台开发的模式 效率高 成本低 作为个人更是开发不二的选择 你问的iOS和安卓是原生开发 需要不同的开发语言和框架 学习成本也很高 既然你说你是小白 如果采用原生开发 可能得大概花一年半载才能开始上手
采用跨平台开发 只需要学习一下html css JavaScript 然后选择跨平台开发框架 比如react flutter uniapp 都可以 跨平台就是指你这一套代码编写的app可以到不同平台运行 比如iOS安卓都OK 但其实很多还可以编译到各类小程序平台运行 所以很方便
我这里推荐uniapp 一个基于vue的跨端开发框架 我自己也用这个开发了很多项目 确实很快 也提供了原生渲染能力 不做 游戏 等软件 基本没啥问题 社区插件市场也很热闹 基本有问题可以很快解决 希望可以帮到你。
按照开发方式可分为原生开发、混合开发、webapp开发，不同的开发方式学习的编程语言不一样，下面我们来一个一个分析一下：
一、原生开发
原生开发的编程语言主要为针对IOS运行环境的为编程语言为Swift或Object c，安卓环境为Java或Kotlin，WP环境为NET。原生开发的运行效率最高，用户体验最好，但是需要学习不同平台的编程语言，学习门槛较高。
二、混合开发（伪原生开发）
混合开发技术主要采用一套特别的渲染引擎来渲染UI界面和交互，按照渲染引擎可分为html与dart，其编程语言主要是Javascript或Typescript、Dart。
目前基于html渲染的开发框架有react native、weex、uniapp，基于dart的开发框架只有flutter。
混合开发由于调用了原生的控件来渲染UI，所以加载和体验与原生差不多，学习成本比较低，只要会js，选择一个框架开发就行了，或者学习dart语言，进行flutter开发。
三、webapp开发
webapp开发主要利用原生环境中的浏览器控件来装载服务器上的html页面，实际这个app就是一个自定义的浏览器app，所以只要会html，就会开发webapp，由于app内部加载的是远程的网页，所以加载速度和体验最差。
以上是我个人的总结，有不对的欢迎指出，谢谢。
本人用c#，除了单片机用c，cad CATIA，多媒体主要Adobe，它干完所有，不需要性能的视图混合dom代码。
2020年Web前端自学之路指南
今天小编要跟大家分享的文章是关于2020年Web前端自学之路指南。许多人可能跟着网络上的各种教程就入了前端这行的门，但大多数都只是机械的学习着资料中的内容。俗话说，选择要比努力重要。那么学习开发，首先应该要有一个清晰的学习路线。希望这篇文章，能为大家在选择未来的发展方向时提供一些参考和帮助。下面来和小编一起看一看吧！
1、基础学习
●HTML+CSS基础：
HTML进阶、CSS进阶、div+css布局、排版、html+css整站开发，样式美化和浏览器兼容
●JavaScript基础：
掌握Js基本语法、条件、语句和循环、js内置对象常用方法、ECMAscript、DOM、BOM、定时器和焦点图，并学习增强逻辑的常用算法，实现木马、拖放、放大镜等常见的网络特效。
●JavaScript高级特性：
正则表达式与JSON、正则表达式案例、JavaScript原理与库封装、闭包、函数节流、作用域链、面向对象基础、事件与运动框架封装
●JQuery基础使用：
DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件的基本使用，开发复杂的交互功能和效果，并能熟悉JQuery的插件开发机制。
2、HTML5+CSS3和移动Web开发
●HTML5：
HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、WebSocket
●CSS3：
CSS3新选择器、伪元素、颜色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷CSS3网页制作
●图像学：
Canvas、Canvas游戏、数据可视化、Heighcharts.js
●Bootstrap：
响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原理、Bootstrap常用模板、LESS和SASS
●移动Web开发：
跨终端WEB和主流设备简介、流式布局、弹性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、Zepto.js、商城页面、滚屏
3、HTTP服务和AJAX编程
●WEB服务器基础：
服务器基础知识、Apache服务器和其他WEB服务器介绍、Apache服务器搭建、HTTP介绍
●PHP基础：
PHP基础语法，使用PHP处理简单的GET/POST请求
●AJAX上篇：
Ajax简介和异步的概念、Ajax框架的封装、XMLHttpRequest对象详细介绍方法、兼容性处理方法、Ajax框架的封装、Ajax中缓存问题、XML介绍和使用
●AJAX下篇：
JSON和JSON解析、数据绑定和模板技术、JSONP、跨域技术、图片预读取和lazy-load技术、JQuery框架中的AjaxAPI用法、使用Ajax实现瀑布流案例
4、面向对象进阶
●面向对象终极篇：
从内存角度到理解JS面向对象、基本类型、复杂类型、原型链、ES6中的面向对象、属性读写权限、设置器、访问器
●面向对象三大特征：
继承性、多态性、封装性、接口
●设计模式：
面向对象编程思维、单例模式、工厂模式、策略模式、观察者模式、模板方法模式、代理模式、装饰者模式、适配器模式、面向切面编程
5、封装一个属于自己的框架
●框架封装基础：
事件流、冒泡、捕获、事件对象、事件框架、选择框架
●框架封装中级：
运动原理、单物体运动框架、多物体运动框架、运动框架面向对象封装
●框架封装高级和补充：
JQuery框架雏形、可扩展性、模块化
6、模块化组件开发
●面向组件编程：
面向组件编程的方式、面向组件编程的实现原理、面向组件编程实战、基于组件化思想开发网站应用程序
●面向模块编程：
AMD设计规范、CMD设计规范、RequireJS，LoadJS、淘宝的SeaJS、CommonJS、ES6Modules
7、工程化构建、主流的框架
●Web开发工作流：
GIT/SVN、Yeoman脚手架、NPM/Bower依赖管理工具、Grunt/Gulp/Webpack、打包案例
●MVC/MVVM/MVW框架：
Vue.js、React、Angular.js、Backbone.js、Knockout/Ember、项目驱动
8、Node.js全栈开发
●快速入门：
Node.js发展、生态圈、Io.js、Linux/Windows/OS
X环境配置、REPL环境和控制台程序、异步编程，非阻塞I/O、模块概念，模块管理工具、开发流程，调试，测试;掌握node.js全栈的解决方案和在服务器端JS高效开发
●核心模块和对象：
全局对象global，process，console，util、事件驱动，事件发射器、加密解密，路径操作，序列化和反序列化、文件流操作、HTTP服务端与客户端、Socket.IO
●Web开发基础：
HTTP协议，请求响应处理过程、关系型数据库操作和数据访问、非关系型数据库操作和数据访问、原生的Node.js开发Web应用程序、Web开发工作流、Node.js开发Blog案例。
●快速开发框架：
Express简介+MVC简介、Express常用API、Express路由模块、Jade/Ejs模板引擎、使用Express重构Blog案例、Koa等其他常见MVC框架。
●数据库：
mongoose/mongoDB、MYSQL
●Node.js开发电子商务实战：
需求与设计、账户模块注册登录、会员中心模块、前台展示模块、购物车，订单结算、在线客服即时通讯模块
9、微信系列
●微信公众号
JS-SDK配置、定制菜单、回调、定制分享内容、扫一扫、地理位置、微信音频、图像、语音识别功能、服务器端curl
库、支付、卡券、微店、微信开发模式与公众号分析、统计分析
●微信小程序
小程序项目、uni-app、mpvue
10、移动APP(Web/Native/Hybrid)
●ReactNative简介、ReactNative环境配置、创建项目，配置，编译，调试，部署发布、原生模块和UI组件、原生常用API
●Ionic简介和同类对比、模板项目解析、常见组件及使用、结合Angular构建APP、常见效果(下拉刷新，上拉加载，侧滑导航，选项卡)
11、其他
●职业素养
沟通表达、团队合作、目标管理、时间管理、心态管理
●就业指导
简历投递技巧、面试笔试技巧
12、推荐一些编程学习网站
01、哔哩哔哩
这个网站如果让我评价，可谓是上边的视频都是非常高质量的，你可以去搜索看一下。
02、菜鸟教程
这个网站虽然不是视频网站，一听名字就知道适合菜鸟的，但是基础的知识写的非常详细，很清晰易懂，非常适合刚开始学习编程的小伙伴。
03、W3School
之前刚开始学WEB开发时，经常在该网站，就是结合w3school学习前端，开发时，如果遇到记不清的标签，就去w3school搜索，平常有时间，就来慕课看前端视频。
类似这样的学习网站还有很多，该开始入门的话上面的网站足矣。其他的网站推荐还有腾讯课堂、实验楼、果壳MOOC学院等、知乎、掘金......
以上就是小编今天为大家分享的关于2020年Web前端自学之路指南的文章，希望本篇文章能够对正在从事Web前端工作的小伙伴们有所帮助，想要了解更多Web前端知识记得关注北大青鸟Web培训官网，最后祝愿小伙伴们工作顺利，成为一名优秀的Web前端工程师。
文章来源：原创前端猿前端猿指北
如何学习web前端
学习最重要的是找到正确的方向，否则，付出再多的努力也是与成功背道而驰。
很多时候，成功除了需要勇气、坚持外，更需要正确的方向。也许有了一个正确的方向，成功来得比想象中更快。如果在错误的路上奔跑，再怎么努力也是无济于事。学习Web前端也是如此，首先明确自己的学习路线。以下讲述一下学习web前端的4个阶段怎么做：
1.HTML
首先，学习HTML。HTML(Hyper Text Mark-up Language，超文本标记语言)是一个网页的骨架，无论是静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。因此，我们必须掌握HTML的基本结构和常用标记及属性。
HTML的学习是一个记忆和理解的过程，在学习过程中可以借助Dreamweaver的“拆分”视图辅助学习。在“设计”视图中看效果，在“代码”视图中学本质，将各种视图的优势发挥到极致，这种对照学习的方法弥补了单纯识记HTML标签和属性的枯燥乏味，想必对各位初学web前端开发的菜鸟们来说是一个很好的方法。
学习了HTML后，只是掌握了各种“原材料”的制作方法，要想盖一幢楼房，还要把这些“原材料”按照我们设计的方案组合布局在一起，并进行一些样式的美化。
2.CSS
接着来学习CSS。CSS（Cascading Style Sheets，层叠样式表），是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言其样式是可以复用的，这样就极大地提高了我们开发的速度，降低了维护的成本。
同时CSS中的盒子模型、相对布局、绝对布局等能够实现对网页中各对象的位置排版进行像素级的精确控制。通过此阶段的学习可以顺利完成“一幢楼房”的建设了。
“楼房”建设完成后，就可以交给用户使用了，但如果想让用户获得更佳的体验，还可以对“楼房”进行更深一步的“装修”，让它看起来更“豪华”一些。
3.Javascript
JavaScript是一种被广泛用于客户端的脚本语言，JavaScript为我们提供了一些内置函数、对象和DOM操作，借助这些内容可以实现一些客户端的特效、验证、交互等，使页面看起来更加活泼。
尽管JavaScript有很多优点，让你惊喜不已，但当项目经理对你说“这个效果在××浏览器下不兼容，重做！”时，你肯定懵了：“不兼容？那可是花了我一个晚上写了几百行代码的啊！”
的确，JavaScript的兼容性和复杂性有时真的很让人头疼，幸好有“大神”帮我们做了封装。
4.jQUery
最后学习jquery。jQuery是一个免费、开源的轻量级的JavaScript库，并且兼容各种浏览器(jQuery2.0及后续版本放弃了对IE6/7/8浏览器的支持)，同时有很多基于jQuery的插件可供选择，这样，在实现一些丰富的动态效果时更方便快捷，大大节省了开发时间，提高了开发速度，这也充分体现了其“writeless，domore”（写更少的代码，做更多的事情）的核心宗旨。
“豪华大楼”至此拔地而起，但是如此日复一日，年复一年的盖楼，好繁琐！如果可以将大楼里面每一个单独部件模块化，当需要盖楼时就像堆积木一样组合在一起，这样就简便、快捷了。
这种思想也适用于Web前端开发中，于是出现了各种前端框架，下面介绍的是Bootstrap。
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包，是一个CSS/HTML框架，并且支持响应式布局。一经推出后颇受欢迎，一直是GitHub上的热门开源项目。
在项目开发过程中，借助Bootstrap提供的CSS样式、组件、JavaScript插件等，可以快速地完成页面布局和样式设置，然后有针对性地微调样式，这样基于框架进行开发大大缩短了开发周期。
二、关于学习Web前端的建议
最后给大家讲一下在学习Web前端过程中的一些建议。
在CSS布局时，需要注意一个问题：很多同学缺乏对页面布局进行整体分析，不能从宏观上对页面中盒子间的嵌套关系进行把握，就急于动手去做，导致页面中各元素间的关系很混乱，容易出现盒子在浮动时错位等情况。所以在布局时采用“自顶向下，逐步细化”的思想，先用几个盒子将页面从整体上划分，然后逐步在盒子中继续嵌套盒子。
“君子生非异也，善假于物也”，在学习过程中还要多浏览一些优秀的网站，善于分析、借鉴其设计思路和布局方法，见多方能识广，从而融汇贯通，取他人之长、为己所用。
同时还要善于使用Firebug这个利器。Firebug一方面可以帮助我们调试自己的页面，另一方面我们可以使用Firebug方便地查看、分析别人网站的源代码。
随着移动互联网热潮的到来，移动开发越来越受到大家的欢迎，响应式布局、微网站等需求量不断增加，也是Web前端未来的发展方向之一。对web前端开发感兴趣的同学可以多点学习这方面的知识。
编程菜鸟
计算机语言的种类非常的多，总的来说可以分成机器语言，汇编语言，高级语言三大类。
电脑每做的一次动作，一个步骤，都是按照以经用计算机语言编好的程序来执行的，程序是计算机要执行的指令的集合，而程序全部都是用我们所掌握的语言来编写的。所以人们要控制计算机一定要通过计算机语言向计算机发出命令。
计算机所能识别的语言只有机器语言，即由0和1构成的代码。但通常人们编程时，不采用机器语言，因为它非常难于记忆和识别。
目前通用的编程语言有两种形式：汇编语言和高级语言。
汇编语言的实质和机器语言是相同的，都是直接对硬件操作，只不过指令采用了英文缩写的标识符，更容易识别和记忆。它同样需要编程者将每一步具体的操作用命令的形式写出来。汇编程序通常由三部分组成：指令、伪指令和宏指令。汇编程序的每一句指令只能对应实际操作过程中的一个很细微的动作，例如移动、自增，因此汇编源程序一般比较冗长、复杂、容易出错，而且使用汇编语言编程需要有更多的计算机专业知识，但汇编语言的优点也是显而易见的，用汇编语言所能完成的操作不是一般高级语言所能实现的，而且源程序经汇编生成的可执行文件不仅比较小，而且执行速度很快。
高级语言是目前绝大多数编程者的选择。和汇编语言相比，它不但将许多相关的机器指令合成为单条指令，并且去掉了与具体操作有关但与完成工作无关的细节，例如使用堆栈、寄存器等，这样就大大简化了程序中的指令。同时，由于省略了很多细节，编程者也就不需要有太多的专业知识。
高级语言主要是相对于汇编语言而言，它并不是特指某一种具体的语言，而是包括了很多编程语言，如目前流行的VB、VC、FoxPro、Delphi等，这些语言的语法、命令格式都各不相同。
高级语言所编制的程序不能直接被计算机识别，必须经过转换才能被执行，按转换方式可将它们分为两类:
解释类：执行方式类似于我们日常生活中的“同声翻译”，应用程序源代码一边由相应语言的解释器“翻译”成目标代码(机器语言)，一边执行，因此效率比较低，而且不能生成可独立执行的可执行文件，应用程序不能脱离其解释器，但这种方式比较灵活，可以动态地调整、修改应用程序。
编译类：编译是指在应用源程序执行之前，就将程序源代码“翻译”成目标代码(机器语言)，因此其目标程序可以脱离其语言环境独立执行，使用比较方便、效率较高。但应用程序一旦需要修改，必须先修改源代码，再重新编译生成新的目标文件(＊ .OBJ)才能执行，只有目标文件而没有源代码，修改很不方便。现在大多数的编程语言都是编译型的，例如Visual C＋＋、Visual Foxpro、Delphi等。
不要过度贬低编码
不要真的认为"不少大师级的计算机技术研究者是不懂编程的",做软件开发编码是最最基础的东西,只有踏踏实实的掌握好这个基础你才有办法往上走,不管做分析做设计做项目管理你都需要能清楚东西是如何实现的?可不可以实现?否则肯定出现大量的:"设计是设计,编码是编码","产品都是代码人员从头到尾实现的","究竟需花多少时间,难度有多大,开发人员说了算","质量/成本/进度全是黑匣子"...现象,如果你是做编码那编码就更重要了:).所以对于有志从事这个行业(软件开发)的个人来说,必须先从"重视编码"开始.过了这一关才能去考虑做系统分析,做项目管理...
软件开发的各个环节是相辅相承的,分析有分析的重要,设计有设计的重要,编码有编码的重要,测试实施也各有其地位,任何一个环节搞不好就如同我们熟悉的木桶理论,"最薄弱的一个环节制约着其总容量".
既然编码重要,那该如何学编码?
专心学好一门语言
算算自己用过的语言也不少（括弧里为使用该语言写的比较有代表性的东东）,C（dos版的图像/图标编辑工具,96年的《电脑报》有介绍）,C++（可自定义方块形状的方块游戏,被收录于99年《软件》杂志的附送光盘上）,汇编(DOS汉字系统,97年底完成),PB(学校自动排课/排考模块,98年),ASP(一套web版的企业信息系统,99年),VB(企业信息系统的核心组件,99年),delphi(工作流平台,组件式GIS系统等),Java（Delphi Client + J2EE Server协同实现）,.Net（规则引擎）,PHH...
看起来好象也不少,回过头来想想自己真正认真学过的语言只有一个,就是“C”, Dos年代的TC2.0,用它写了大量的小程序,比较系统的了解了编程是怎么一回事,记得那个时候看到什么软件都要琢磨它是如何实现的?如果让我来实现该如何做?也模仿了不少东西,虽然多是很表面的模仿但对自己编程思维的锻炼很有好处.后来用其它语言基本上都只是翻翻帮助,然后找找其Demo代码来看看,很快就可进入状态.
语言都是差不多的,重要的是“编码的思想”,具备了该思想语言就只是工具了,用什么工具实现都差不多,该思想的形成是需要“磨练”的,就是“专心使用一门语言”来磨练(甚至需要有“咬文嚼字的孔已己作风”),然后可“一理通百理通”,不然你只是浮于表面的去学再多的语言都没有.都不能拿来做真正的开发.都不能了解“编码”的内涵.
如在今年招聘面试的时候看到太多写着什么语言都精通(或熟练)的毕业生,我惯用的方法是给他(她)一张纸一支笔,让他(她)用自己最了解的语言写一个算阶乘的函数,这个问题你一看肯定说很简单,好,接着我会往下问,可以有多少种方法来实现:循环,递归…还有吗?你能写出多少种来?(代码基本结构模式的考察).代码质量如何? 有没有考虑错误处理(太多人写的代码会进入死循环比如输入的是负数) ? int的上限是多少,用long? 如果输入值比较大,算得出结果吗,该如何去实现可以计算很大数的该函数?...看着他(她)写出来的代码一个个问题的问就得了,不管你用什么语言,不管你“精通”多少种语言,我只问这些用什么语言来解决问题都需要的基础的东西, 就是“编码的思想”.
在学专一门语言的基础上新东西当然要跟,不然在这个行业你是很难“混下去”的,但有这“学专一门”的前提后,你跟起来就轻松了,而不用总是得“追”~
在“专”一门语言的过程中为解决问题你会发现“算法”很重要,这就是接下来要说的“基础”了.
基础很重要
面试的时候我一般都会问,基础知识学得如何? 一般重点问的是:《数据结构》, 《编译原理》, 《数据库原理》的内容.至于《由》文提到的:《汇编语言》,《 Windows 程序设计》我是不会问的.这些是可以进一步学习的东西,但对现在的开发来说不是必须的.《软件工程》我向来不问,教材理论跟实际差得太远了~
《数据结构》很重要,不懂数据结构很多编码就是“蛮干”,而且往往把“简单问题复杂化”,甚至复杂到不可能解决.认真学习《数据结构》并多做尝试用你熟悉的语言去实现里面的算法,你会发觉“世界真奇妙”~不要认为你不会去开发“编程语言”不需要学习《编译原理》, 《编译原理》里面包含了太多开发软件的“奇妙”的思想案例,认真体会你肯定会被其解决问题的方法折服,从中你能体会到很多东西,对以后做软件(不管是设计还是编码等)大有帮助,里面有很多现存的方法可用在你的项目中,而这些跟《数据结构》是互为补充的.在这些基础上接下来《设计模式》一书你也一定得看看.
很多应用都离不开数据库,最终总得找个地方来“操纵,存储,分析数据”,关于范式,关于锁,关于SQL,关于笛卡儿那一套你总得了解了解,不然无法入手,这就需要好好学习《数据库原理》了.单纯知道几条SQL语句是远远不够的,如何保证数据的完整性,安全性?如何提高效率等等都需要这些基础的支持~
当然英文也是基础,看英文资料确实重要，不单是书,还有网络上的大量资料,论坛…看的时候别害怕就是了，毕竟都是受过高等教育的，英语也学了那么多年起码都有点底吧，配合这两个工具：《金山词霸》及Google.com，不懂的单词“即指即译”，但很多名词或基础知识不是靠单词解释能清楚的，配合搜索引擎查查相关资料看看，记住一点，看到不懂的东西多看几遍，默记一小会，日积月累你能看懂的东西就多了。
兴趣
最后该说说的就是兴趣问题,如果你能对它真正感兴趣(如果要从事软件开发又没兴趣的话赶紧先培养兴趣去^_^),对看技术资料就想别人看武侠小说看球赛一样的话,再配合上面提到的几点(踏实, 先专后广, 基础扎实)相信在这一行多少是可以做点东西出来的~~
如果要学习web前端开发,需要学习什么?
从各大招聘平台可以看到，Web前端行业招聘需求量巨大，一直呈现出供不应求的趋势，但是由于高等院校很少有开设相关的课程，导致每年新增的前端开发人员远远不够，所以现在的Web前端主要还是用过自学和参加培训为主，由于自学难度大，大部分人都选择去找相对的Web培训班学习，接下来就为大家介绍一下优就业的Web前端的学习内容。
优就业的Web前端一共分为六个阶段
第一阶段Html5+CSS3：主要学习HTML5基础、CSS基础、HTML5进阶、CSS3进阶、Less
第二阶段JS交互设计：主要学习JavaScript核心语法、DOM和BOM、JavaScript高级进阶、面向对象编程、Touch、jQuery、Zepto
第三阶段Node开发：主要学习JavaScript
ES6、Node、Express、MySQL、Webpack+Gulp+模块化、WebSocket+Koa2
第四阶段前端框架：主要学习Vue基础、Vue进阶、TypeScript、React
第五阶段小程序+数据可视化：主要学习小程序基础、云开发、uni-app基础、数据可视化
第六阶段就业指导+项目提升：就业指导、企业面试复盘
想要了解更多关于WEB前端的学习内容，可以看看优就业哟~
小程序开发菜鸟教程的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于小程序怎么开发教程、小程序开发菜鸟教程的信息别忘了在本站进行查找喔。
