系统学习前端----方向篇

简介: 系统学习前端----方向篇

image.png

什么是前端?

官方一点的回答是: 前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。

通俗的理解就是:做出页面,实现逻辑交互,最后进行数据交互。【不是切图仔了。。。】

 

入门标准

入门标准很简单,HTML/CSS/JavaScript 是基础,前端必须要掌握的,现在这个阶段,想要参与公司实际项目开发,肯定还要掌握其他一些主流的框架体系,因为使用主流框架能够很大程度提高开发效率,节省开发成本。

 

趋势

几年前, jQuery + Bootstrap可以说是一统江湖,学会这个套路,从业无忧。而这几年,随着VueReact、Angular等框架的兴起,前端领域变得越来越丰富多彩。这几年,Web 前端的技术发展真是太快了,相应地,技术栈也就变得非常多,除了最基本的HTML/CSS/JavaScript,以及Vue/React/Angular等这些 JavaScript 框架和各自的生态体系,还有 CSS 预处理器Sass/Less/Stylus,还有TypeScript,还有grunt/webpack/gulp等各种打包构建工具,还有其他一大堆技术栈。

看到这里,相信很多刚从业前端开发这个职业的同行,会被吓到,其实不然。主流框架,我们只需要选其一,深入学习技术背后的编程思想、设计思想、架构思想等。主流的框架主要思想都是组件化

 

我们分三条线展开讲

 

Tip1:  0基础准备从事前端行业

 

学习路线:

 

1、学习掌握HTML/CSS/javascript【基础一定要掌握】

       PS:楼房建得有多高,地基很重要

2、学习一个主流的js前端框架

3、了解已经学习的前端框架的原理

4、自我提升。。。

 

学习资源:

前端入门

JavaScript高级程序设计 【密码:xdom】

JavaScript视频 【李炎恢JavaScript教程 第一季】

ES6标准入门 【阮一峰】

 

学习资料链接访问以下链接获取:https://www.cnblogs.com/cczlovexw/p/10904605.html


Tip2: 写给从事产品行业的

 

作为产品,个人建议不需要掌握前端技术的细节,只需要掌握以下几点就足够了:

 

1、了解前端是什么,可以实现什么,公司使用的前端框架是什么,对应的框架是做什么的,能解决什么问题

2、了解前端开发人员与后台服务器交互的方式有哪些

3、学习一点跟数据库有关的知识

4、大概了解一下后台服务语言有哪些,能做什么(稍微了解下就足够了,没必要深入)

 

 

Tip3: UI

 

作为一个优秀的设计师,个人觉得需要考虑的只有两点:

 

1、 页面的设计,除了视觉效果要好,用户体验要好,如果可以实现高复用,那么无疑是成功的。

2、 在团队中设计师,如果可以根据团队的技术水平来做设计,无疑是最明智的。

   【设计出来的东西,团队里面的人员,水平不到,实现不了。。。尴尬.gif】

 

总结

前端的技术栈其实很多,而且日新月异,一直在更新迭代。

所以对前端认识不深的,个人建议, HTML/CSS/JavaScript,这三大件一定要掌握好。

然后 HTML5、CSS3、ES6,也是需要学习的方向,接着学习目前流行的 JavaScript 框架,个人建议 Vue 开始,不但容易入门,找工作也容易许多,国内的公司vue使用率是相对较高的。

vue要掌握的技术栈包括 vue + vue-router + vuex + vue-cli + axios + sass + webpack。

最后,node.js 也要了解下的。


相关文章
|
2月前
|
前端开发 JavaScript 开发者
从零开始学习前端开发
前端开发是目前互联网行业中最为热门的职业之一。本文将介绍从零开始学习前端开发所需的基础知识和技能,包括HTML、CSS、JavaScript等方面的内容,并提供了一些实践性的建议和学习资源,帮助初学者快速入门。
66 1
|
2月前
|
存储 开发框架 前端开发
从零开始学习前端开发
前端开发是现代互联网应用程序开发中不可或缺的一部分。本文将带您从零开始学习前端开发,包括HTML、CSS和JavaScript等核心技术,以及常见的开发框架和工具。
|
11天前
|
前端开发 JavaScript Java
通过学习mayfly,我学会了前端如何优雅设计字典值
`shigen`是一位擅长多种编程语言的博主,他在探索[mayfly-go](https://juejin.cn/post/7319365035552309248)项目后,发现了对枚举值管理的优雅设计。他分享了如何将字典和枚举值结构化,使用Vue+typescript实现更易维护的代码。通过创建`TagType`和`EnumValue`类,以及提供静态方法,实现了模块化和简洁的字典处理。示例展示了如何在页面中高效引用和显示字典数据,提高了代码的可读性和可维护性。
16 3
通过学习mayfly,我学会了前端如何优雅设计字典值
|
2月前
|
存储 前端开发 JavaScript
【JavaEE初阶】 博客系统项目--前端页面设计实现
【JavaEE初阶】 博客系统项目--前端页面设计实现
|
2月前
|
存储 移动开发 前端开发
从零开始学习前端开发
前端开发是一项非常有前途的技能,在当今数字化时代中变得越来越重要。本文将介绍从零开始学习前端开发所需的基本知识,包括HTML、CSS和JavaScript的基础知识以及相关工具和框架。
|
2月前
|
前端开发 JavaScript 开发者
从零开始学习前端开发
前端开发是当前最热门的IT职业之一,随着互联网的飞速发展,对于具有良好前端知识的开发者需求不断增长。然而,对于初学者来说,学习前端开发需要掌握一系列的技术和工具,这可能会让他们感到非常困难和挫败。本文将从零开始,为初学者介绍前端开发的核心技术和实践经验。
|
2月前
|
前端开发 JavaScript
从零开始学习前端开发:HTML、CSS、JavaScript入门指南
【2月更文挑战第1天】本文将带领读者从零开始学习前端开发,介绍HTML、CSS和JavaScript的基础知识与应用,帮助读者快速入门前端开发领域。
62 1
|
2月前
|
Web App开发 前端开发 开发工具
从零开始学习前端开发
前端开发是现代互联网时代必不可少的一项技能,通过本文,你将了解到前端开发的基础知识、常用工具和实践经验。
|
2月前
|
前端开发 JavaScript 开发者
从零开始学习前端开发
前端开发是近年来非常热门的技术领域,很多人都想要学习,但是不知道从何开始。本文将从零开始介绍前端开发的基础知识和学习路径,帮助初学者快速入门。
|
2月前
|
开发框架 前端开发 机器人
从模型到前端,你应该知道的LLM生态系统指南
LLM在在2023年发展的风生水起,一个围绕LLM的庞大生态系统正在形成,本文通过介绍这个生态系统的核心组成部分,来详细整理LLM的发展。
148 2