2021 網頁編程自學小白要怎麼學才能真真快速入門編程? (內附路線圖+ 3個王牌技能) | Web Development Roadmap For Beginners 2021
我在本期視頻里和大家分享了作為一名編程小白在2021年要學習的編程技能，希望藉著這次的分享，讓初學者實實在在的了解學習編程的路線圖，幫助初學者快速 入門編程。
如果你有任何疑問，歡迎在下面給我留言，我們一起交流，互相探討關於怎麼學好編程！
✅（通告）”Codetisan 自學編程社區“ 已經正式開通啦，三人行必有我師，同學們再也不用獨自一人悶頭自學編程了，快去社區里和其他小伙伴們互動吧！
▶︎ https://bit.ly/2AHylzN
==================
🔥🔥🔥 【新入門課程正式上線】🔥🔥🔥
HTML CSS JavaScript 入門課程： 學習完整製作Todo List WebApp 前端網頁程序
更多詳情請點擊這裡：https://bit.ly/3owvrkJ
備註：點擊立刻獲得50%折扣 (名額有限，先到先得)
✅ 通俗易懂的講解方式，手把手教你實現TODO LIST程序開發
✅ 結合HTML/CSS/JAVASCRIPT理論講解和實戰部署
✅ 適合人群：初學者、零基礎、對編程感興趣
✅ 購買課程隨即附送CODETISAN VIP會員(價值$500)
2021年學會完整製作前端網頁程序 借助編程思維改變你的人生 👍
==================
✅ JavaScript相關書籍：
1：The Definitive Guide: Master the World's Most-Used Programming Language - 7th Edition (👍 強烈推薦 ❗❗)
https://amzn.to/31s30uH
✅ 更多精彩的JavaScript入門課程：
http://bit.ly/js-for-beginners
🔆訂閱我的YouTube頻道，讓你從一個0基礎編程的菜鳥快速成為編程大師！🔆
http://bit.ly/2TBkXo1
▶︎ 文軒解碼更精彩的平台 ◀︎
‣‣ Blogger ：https://bit.ly/2yMz0PC
‣‣ Twitter: https://bit.ly/2R74FS1
‣‣ Facebook: https://bit.ly/35crcmz
‣‣ Instagram: https://bit.ly/2KH6Wjw
‣‣ Github: https://bit.ly/2SHtsx4
#自學編程 #編程入門 #編程
文字：
Hi 大家好 我是文轩
最近因为忙着制作针对初学者入门的课程
而耽误了YouTube的更新
实在不好意思
不过现在课程已经上线了
我又可以开始和同学们一起分享和编程相关的知识
踏入新的一年
我想借这个机会和同学们聊聊在2021年
作为一名初学者
要学些什么
还有该怎么学
才能快速入门编程
掌握前端和后端制作
作为一名编程小白
首先需要先弄清楚几样东西
那就是网站是怎么运作
什么是网页编程
还有前端
后端和全栈开发又有什么区别
网站是由多个HTML, CSS, JavaScript等文件组成
这些文件会被储存在服务器里
然后服务器通过网络链接互联网让用户访问这些文件
用户可以通过像Chrome
Firefox
Edge浏览器打开网站
每一次用户输入网站的URL
浏览器就会去到目标服务器下载网页的源代码
然后根据源代码去排版和显示页面
那这些网站是怎么制作的呢?
网站制作可以分为两个部分
那就是我们肉眼能看见的前端页面和
肉眼看不见在背地里运行的后端程序
前端页面
也就是我们一般常说的客户端Client Side
它主要的功能是显示网页内容和负责用户的交互
当用户在前端页面点击连接或者提交数据
数据就会被发送到后端程序
也就是服务端Server Side去处理和储存提交的数据
你可以把前端和后端想成一辆汽车
前端就是我们能看见的外观设计和颜色
后端则是拉动汽车的引擎和内部零件
一辆好车
是结合了好看的外观设计和卓越的性能
和汽车一样
程序的前端后端设计和性能也一样重要
负责前端开发的人员我们叫他前端程序员
而负责后端开发的人员我们叫它后端程序员
前端程序员只负责前端的开发
后端程序员只开发后端程序
互不干涉对方
还有第三种程序员
我们叫他全栈程序员 Full Stack Developer
全栈程序员不仅掌握了前端后端的开发技术
而且他还能对前后端程序进行整合
并形成一套完整可操作的程序
前端网页是用HTML CSS 和 JavaScript编写
HTML是
HyperText Markup Language的缩写
前端程序员会用它来为页面内容进行布局
在页面里
我们可以用<h1>标签去显示大标题
或者用<button>标签去显示按钮
CSS
Cascading Style Sheet
则是用来美化页面的内容
如果我们想更改背景颜色和设置内容的排版
我们就可以用CSS去帮我们实现
最后
前端程序员还会用JavaScript代码为页面添加可操作的功能
像提交数据
或者更新页面里的内容
JavaScript的功能是非常强大的
除了能在前端使用
程序员还能在后端使用JavaScript处理客户端提交的数据
稍后我会在后端的部分和你深入讲解
如果你对HTML CSS JavaScript有了基本的了解
那接下来你就可以加强CSS和JavaScript的技能
在CSS方面
我建议使用CSS Preprocessor预处理器
去提升编写CSS的效率
市面上比较受欢迎的CSS Preprocessor有
SASS
LESS
和Stylus
不管是哪一种预处理器
最终它们都会将各自的语句转换成CSS代码
如果要总结CSS预处理器的好处
我认为有两点
那就是，第一
模块化CSS代码
那样程序员就能用最少的代码去完成复杂的CSS布局
第二
CSS预处理器的语句会让程序员
在编写CSS代码的时候有更好的体验
现在我们处在一个不缺屏幕的年代
用户除了通过电脑访问我们的网页
还可能通过手机
平板或者电视去访问
所以我们的网页必须根据各个屏幕的尺寸
自动适配不同的内容
这样用户才能以最舒适的状态去获取内容
减低跳出率
说到自动适配内容
我们就要说说Responsive Web Design
响应式网页设计
响应式设计能让网页里的元素
根据屏幕的大小自动调整布局
这就像把水倒在不同的容器里
水会随着容器的变化适应不同的形状
Responsive Web Design的理念
就是想让网页里内容像水一样
灵活的自动适配不同尺寸的屏幕
一般现在的网站都会有两个版本
那就是桌面版和移动版
所以从一开始
程序员就必须考虑到这两个版本的设计和交互体验
在JavaScript方面
如果想进一步提升编写JavaScript的效率
我建议至少学习和掌握一种前端框架
目前比较受欢迎的前端框架有ReactJS
Angular和Vue
ReactJS是由Facebook开源的项目
Angular则是由Google开源
至于Vue
没有什么后台
完全靠创办人Evan You和开源社区支撑整个项目的开发
ReactJS是这三个框架里最多开发者使用的前端框架
每个框架都有各自的优势和劣势
选择哪一个框架不是重点
重点是要看企业对框架的需求和个人对框架的喜好程度
在这个年代从零开始编写前端程序
我觉得已经不现实了
与其重复造轮子
还不如使用已经验证过的框架
以最快的速度
高效开发前端程序
前端开发的部分我们就说到这里
接下来我们聊聊后端开发需要掌握些什么技能
网页后端程序一般都在服务器里被执行
所以作为一名后端程序员
就必须掌握后端编程语言
像PHP
NodeJS
Java
Ruby
Python等等
这些编程语言都有自己的特色
我个人觉得没有最好的编程语言
只有更好更合适的编程语言
选择哪一种语言是取决于公司对业务的整体需求和发展
但作为一名初学者
还是需要选择一种语言开始
我建议你可以从PHP或者NodeJS开始
因为这两种语言相对容易上手
市场需求也比较大
而且这两种语言
也是自由职业者Freelancer比较偏爱的语言
它们足以应对中小企业的需求
甚至也能支持大型企业的业务
后端编程语言一般需要搭配数据库一起使用
不然编程语言只能起到处理数据的作用
而不能储存或者更新数据
数据库
顾名思义
就是一个储存数据的空间
后端程序想从数据库读取或如写入数据
就必须通过SQL语言去实现
SQL
Structured Query Language
提供了创建数据表
读取数据
更新数据和删除数据的语句让程序员使用
比较有名的数据库有PostgreSQL
MySQL
MariaDB
MSSQL
Oracle等等
这些数据库属于关系型数据库
Relational Database
除了这些传统的关系型数据库
还有另外一种数据库也需要重点关注
那就是NoSQL数据库 (Not-only SQL)
NoSQL数据库
提供了另外一种灵活的读写数据模式
传统关系型数据库高度注重组织化的数据结构
数据和数据之间通过定义好的关系联系起来
而NoSQL则不需要提前定义这些关系和结构
这有助于快速迭代的程序提高扩展性和维护性
NOSQL数据库适用于大数据的高效读写
比如储存用户游览和购买的原始记录
由于没有层层的复杂关系和数据趋向扁平
在处理这些大数据的时候
NOSQL会明显优越于传统关系型数据库
这里重点说一下
NOSQL不是用来替代关系型数据库
我觉得它的出现更偏向于弥补关系型数据库的短板
想要提高编写后端程序的效率
可以考虑学习后端编程语言框架
和前端框架一样
后端框架也被很多开发者和大企业验证过
不用从零开始
这样能让新手少走很多弯路
刚才我们提到的后端编程语言都有自己的框架
比如NodeJS有ExpressJS和NextJS
PHP有Laravel
Python有Django等等
如果你选择了NodeJS或者PHP作为后端语言学习对象
那我就建议你先学ExpressJS或者Laravel
这两者在各自的圈子都很受欢迎
刚才给你分享过初学者必须学习的前端后端技能
我再给你建议几个后期也需要掌握的技能
这些技能对你以后面试程序员职位
或者自己运营网站都会加分
第一
学习Git
Git是源代码版本管理系统
它是由Linux的创始人编写的一套源代码文件管理系统
程序员在开发程序的时候会对源代码文件进行更改
同一个文件也有可能会被好几个程序员同时更改
如果没有版本管理系统
程序员就必学手动整合其他程序员的代码到自己的代码
这样的协作效率实在是太低了
要提升程序开发协作的效率
Git在这个时候就能帮上大忙
它能将好几位程序员的代码自动整合到同一个文件里
以减低手动整合出错的几率
一个复杂的项目每次更新可能会牵涉好几十个文件
可想而知
如果不用Git协作开发程序
就不可能高效更新迭代程序里的功能
Git催生了好几个有名的在线源代码托管服务供应商
像Github
GitLab
Bitbucket等等
第二
熟练Linux操作系统
后端程序和数据库是在服务器里运行的程序
大部分的服务器都运行Linux操作系统
开发者选择Linux主要是基于它的稳定性
安全性和它庞大的开源社区支持
初学者对Windows操作系统比较了解
但对Linux就比较陌生
作为一名程序员
面对Linux操作系统是早晚的事
所以我在这里建议初学者在掌握前端和后端开发后
就开始学习Linux操作系统
初学者可以在Windows系统
安装虚拟机VirtualBox运行Linux系统
又或者在自己的电脑安装双系统
尝试将Linux当主系统使用
这些都是比较主流的Linux操作系统
Ubuntu系统比较人性化
软件生态也不错
我觉得初学者可以考虑选择Ubuntu
作为Linux入门操作系统
第三
学习云端技术
云计算平台像Google Cloud
AWS
阿里云
通过虚拟化技术Virtualization将计算机的处理器
存储
宽带资源等等用软件自动分配和管理
让这些资源能像水电那样按需收费
用多少就付多少
这能让企业在项目运营初期不用大量采购服务器
这有利于降低运营成本
云计算的规模是有弹性的
云服务器会根据用户的访问量自动适配足够的运算能力
不至于让网站在流量高峰期瘫痪
等高峰期过了之后
云服务器也会自动减配
以最佳的运算能力继续运行后台程序
云计算是程序员后期必须掌握的一门技能
因为很多企业现在都把网络应用部署到云端
要把网络应用部署到云端
程序员必须先了解虚拟化技术
像Virtual Machine (虚拟机) 和 Container (容器)
这两种技术是目前云原生 Cloud Native
最为广泛使用的自动化网络应用部署技术
Docker和Kubernetes是这几年
实现Cloud Native云原生的重要工具
作为一名程序员
如果掌握了像Docker或者Kubernetes这样的云技术
它也算得上你手中的其中一张王牌
网页编程小白在2021年要学的东西还真不少啊
但我坚信
如果你有心要学
这些都难不倒你
在学习编程的路上如果遇到难题
欢迎你加入Codetisan自学编程社区和我一起互动
我们一起学习
一起成长
好的
今天的分享就到这里
我们后会有期
拜拜
Comments
Post a Comment