如何才是正确的前端开发学习路线

第一步: 把握HTML/CSS

这是你必须把握的。

是网站的构建元素,

没得选!

跟着你前端的进修历程,熟练把握。

HTML/CSS简单易学。

第二步: 学会使用根本工具

文本编纂器: Notepad2 / Sublime Text / http://Atom.io / IDE

图像编纂器:Photoshop, Illustrator, GIMP, Something slse

FTP / SSH 工具 : Filezilla ,Putty

好的阅读器: Chrome

云盘: Dropbox, Google Drive, Box

第三步: 进修原生JavaScript

原生JavaScript(现阶段不必要理睬Node.js 和任何框架)

理解数据类型: String, Number, Arrays, Objects, etc

理解函数, 前提表达式, 轮回,把持符等

事务措置

JSON(JavaScript Object Notation), JavaScript工详细现法

jQuery框架

第四步:搭建一个根本网站

获取一个假造主机账户(Hostgator, InMotion, etc)

进修假造主机节制体系根本——cPanel (Email ,FTP Setup)

经由过程FPT(文件传输和谈)上传你的项目

建树域名并和你的主机毗连

第五步:恭喜你! 你如今是一个网页设计师了!——(现阶段还不够以称Web Developer)

有才能搭建一个专业的简单网站

有才能搭建网页应用的界面

可以把一张PSD 转化为基于HTML/CSS的静态网页

有在公司上班的实力, 或者选择成为一名自退职业者

第六步: 思虑接下来的侧重点

HTML/CSS框架: Bootstrap, Foudation(建议优先把握!)

办事器端说话: PHP, Ruby....

JavaScript框架: React ,Angular

数据库: MySQL, PostgreSQL

第七步: HTML/CSS框架

Bootstrap(强烈保举进修该框架!)
Zurb Foundation
Skeleton
MUI
Pure
第八步: 办事器端编程说话(专注于一个!)

PHP(不是最好的说话,可是是最靠得住的办事器端说话)
Node.js(一款新型, 强大的后台说话)
Ruby on Rails (最好的框架,但已经到了瓶颈期)
Python(简单易学,但相对付主流说话并不流行)——可如今AI的爆红导致Python比来很火!
第九步: 数据库(专注于一个!)

关系型数据库: MySQL 和 PostgreSQL

非机构化数据库: MongoDB 和 CouchDB

建议选择一个以下的组合:

PHP/ MySQL
Node.js/ Mongola
第十步: 必要进修的一些端手艺

Git & Github
SSH(安然外壳和谈) & Basic Command Line
CSS 预编译器: Sass/Less
APIS / REST Service
HTTPS / SSL
第十一步: 安排应用

专用办事器/ VPS

应用云平台: Heroku, Digital Ocean, AWS

安排工具

Linux呼吁行

维护和进级

第十二步:恭喜你,你如今成为一名网页开发者了

可以创造出网页引用

能构建后端APIs

能毗连办事器

可以办理数据库

你的选择: 获得一份很好的工作 / 成为自退职业者 / 起头一项事业

第十三步:编程框架

JavaScript框架: React, Angular 2, Vue.js, Express(后端)
PHP框架: Laravel, Codeigniter, Symfony
Ruby on rails
MVC框架: Routing, Database Mapping, Helpers, Data Binding, Templating & UI
第十四步: 内容办理体系(基于PHP)

Wordpress(强烈保举), Joomla, Drupal

有把持客户更新和维护

丰盛的插件

开发速度快

模板的功能有限

第十五步: 挪动App生长

这是将来的趋向

你不必要进修Java 和C说话!

你只必要把握JavaScript!我们可以使用React Native, Ionic, Cordova 等框架来构建挪动App

第十六步:现阶段,如今你要考虑什么?

专注于你的事业
回去进修更多的数据构造
跟进如今的新手艺
学习一门高级语言,类似于Java, C语言
本文摘自zz.java.tedu.cn,如有侵权请及时告知,谢谢!

原文地址:https://blog.51cto.com/14082839/2384122

时间: 2024-10-30 00:25:45

如何才是正确的前端开发学习路线的相关文章

2018web前端学习路线,详谈web前端开发学习路线

近几年IT业可谓是发展火热,而且新生了很多的职业.在这众多的新生职业中备受瞩目的当属web前端工程师了,web前端在IT行业真正受到重视的时间不超过五年,但是web前端的发展前景却是非常的可观,好前景高薪资吸引了众多的人投入到前端开发的学习当中去,想学好web前端,这份web前端开发学习路线分享给你. 好的学习方法和掌握好正确的学习路线可以让我们的学习达到事半功倍的效果,如果你新手想要学习web前端的话,那么这份前端的学习路线图很适合你.这份学习路线的课程涵盖JavaScript.HTML5.C

web前端开发学习路线

首先分享一下我的经验,想做好一件事,必须要花费一些功夫,然后是多学.多思.多练.多交流.多总结,发现自己的问题,然后一定要克服,在状态不好的情况下,往往要及时调整.新手学习前端的话,一定要想想为什么要学习它,是出于一种什么心态,然后定位好自己,多向大牛请教,多教一些没有自己水平高的人,那样往往能让自己成长的快,切勿急躁.初学可以看一些入门视频教程,之后可以买一些书,做一些小项目,要学会投资,分析自己的现状及能力,实时调整,一定要有自己的想法,懂得创新.在这里一定要对自己做分析,然后找出一种适合的

web前端开发学习路线图分享,详谈2018web前端开发学习路线

近几年IT业可谓是发展火热,而且新生了很多的职业.例如安卓开发工程师.iOS开发工程师.在这众多的新生职业中备受瞩目的当属web前端工程师了,前端工程师薪资高,就业发展前景好,更多的人选择了这一职业成为自己的发展方向,想要自己成为一名合格的web前端工程师,web前端开发学习路线图值得大家去看看.挺适合大家借鉴来学习的.web前端课程包括了几个方面的内容: 1.学习HTML,这是最简单,最基本的是要掌握div,formtable.Ulli.P.跨度.字体这些标签,这些都是最常用的,尤其是DIV和

2017年最新 web前端开发学习路线

第一阶段--HTML的学习HTML的中文全称为超文本标记语言,它是一个网页的框架,不论是动态网页还是静态网页最终返回到浏览器端的都是HTML代码.浏览器将HTML代码解释渲染后呈现给用户,因此我们必须掌握HTML的基本结构和常用标记及属性. 其实学习HTML本身就是一个一个记忆和理解的过程,我们在学习的过程中可以借助Dreamweaver的"拆分"视图来辅助学习,然后在"设计"视图中看效果,最后,在"代码"视图中学本质,将各种视图 的优势发挥到极

前端开发学习路线_零基础如何学web前端_从小白到大神进阶

下面给大家讲解一下前端需要掌握哪些技术和学习路线Web前端基础知识:一.前端相关概念建立主要内容:浏览器的概念介绍: 浏览器的作用.工作方式浏览器的概念介绍: 浏览器的作用.工作方式HTTP协议: 协议产生的原因.作用.及内容页面加载流程:当用户打开浏览器,输入地址栏并按下回车之后发生的事情二.HTML-CSS-JS基础-jQuery学习内容:HTML及HTML5:理解浏览器如何解析HTML.基本的语法规则.不同标签的使用方式.嵌套方式CSS:理解层叠式样式表的语法规则.各种盒模型及常用布局CS

前端开发学习路线(豆瓣)西祀胡同

学前端需要掌握的第一个核心要点就是"玩命的学,玩命的练",即韧性,不然很难学会,只有坚持下去才能学会.前端学习与前端教程有很多,如果你能"坚持"那么就开始从简单的前端模块学习吧 前端要学习三个部分:HTML,CSS,JavaScript(简称JS),因此首先明确三个概念:HTML是内容层,它的目的是表示一个HTML标签在页面里是个什么角色. CSS是样式层,它的目的是表示一块内容以什么样的样式(字体.大小.颜色.宽高等)显示. JS是行为层,它要做的是当用户触发某些

web前端开发学习路线指南,web前端开发学习提纲

有人说:只要有恒心,铁杵磨成针.这不对,学习重在兴趣,而不在恒心.当你通宵达旦的玩游戏,捧着自己喜爱的名著谈天说地时,不是因为有恒心,而是因为兴趣.只有不感兴趣的东西,才需要恒心的妥协.所以请抛弃恒心,拥抱兴趣.一个好的启蒙老师,不需要教会你任何本领,却能培养你对一件事的兴趣和良好的学习习惯.对于广大的前端学员来说,了解这个领域和培养学习兴趣尤为重要,这意味着你能在前端这条路走多远. 前端学习比较好上手,但到了一定阶段深入却比较困难,一个合格的前端应该是个web工程师,而不是JavaScript

WEB前端开发学习:源码canvas 雪

WEB前端开发学习:源码canvas 雪 双旦节要到了,程序员们为了响应气氛,特别用代码制作了动态雪花,WEB前端开发学习的初学者们一起跟着案例做一遍吧! <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body style="overflow: hidden;margin:

第五章 前端开发学习——Boostrap

第五章 前端开发学习--Boostrap 一.Bootstrap基础 二.Bootstrap布局 三.Bootstrap组件 四.Bootstrap插件 一.Bootstrap基础 什么是Bootstrap(what): 由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架 简洁.直观.强悍的前端开发框架,让web开发更迅速.简单. Bootstrap版本: Bootstrap2.Bootstrap3.Bootstrap4 Bootstra