前端基础入门第一阶段-web前端开发基础环境配置

doujiang3235 doujiang3235     2022-12-20     570

关键词:

Web前端和全栈的定义:

A、什么是传统传统web前端:需要把设计师的设计稿,切完图,写标签和样式,实现JS的效果,简而言之即只需要掌握HTML的页面结构,CSS的页面样式,javaScript页面的行为(包括页面的效果和整合);

B、HTML5时代的大前端:要处理各种端的兼容开发(PC,移动端,各种浏览器)、移动APP开发和移动站点开发,Ajax+服务器端技术开发,异步开发和后台的交互、高级设计模式和框架(MVC,AngularJS...)、运用自动化工作流(Grunt)、网站安全、SEO、测试、源代码管理、团队合作、制作HTML5游戏等。

C、全栈时代:集前端和后端一体的大牛,会前端的语言和后台的语言,前后台通吃,能够快速的找到问题和解决问题的能力。

D、NodeJS:就是用JS为基础的一门后台的语言,让前端无所不能,现在的前端已经是突破所有边界。

web前端开发环境的搭配:

A、Sublime3安装配置:Sublime跨平台的前端开发神器,是一个共享软件,免费使用;下载最新Sublime3安装包;

-官网地址:http://www.sublimetext.com/

-网盘地址:http://pan.baidu.com/s/1ntszCgT

-安装包管理器

打开Sublime3控制台,ctrl+~

输入安装包管理器命令代码,注意需要联网才能安装,因为是在线下载包

包管理器的官网地址:https://packagecontrol.io

-安装第三方插件(包)

打开命令面板:ctrl+shift+p;

输入install,然后回车,然后可以搜索想要的插件,回车安装;Atom工具使用

B、Atom工具使用:由github发布的前端开发工具,集成了chrome的调试工具,是一款非常强大和开发的开发工具平台。在file里面的setting里面进行设置,包括字体的大小,快捷键,背景颜色主题等;

官网地址:https://atom.io/

百度网盘下载地址:http://pan.baidu.com/s/1ntszCgT

C、WebStorm10的安装与使用:WebStrom是最专业的前端IDE开发工具,是一个非常重量级的开发工具,是专业为我们前端设计的IDE,用他来开发是效率非常高;

D、总结三款开发工具的优劣:Sublime3:需要安装第三方的包,一般。Atom:集成度非常好,也很轻,需要自己安装第三方的包。Webstrom:大项目,建议使用webstrom,非常强大,但是也很重。

操作系统常用快捷键:快捷键是让你成为高级的,专业的前端工程师必经的途径,是大家必须要掌握的。

Win+数字键:打开/显示超级任务栏第N个图标代表的程序

Win+D:快速显示桌面

Win+R:快速运行,打开软件,cmd命令行等

Win+E:快速打开资源管理器

Win+方向键:最大化,还原/最小化窗口

Win+L:快速锁定计算机

Ctrl+Alt+Del:显示以下选项:锁定计算机,切换用户,注销,更改密码,和启动任务管理器

CTRL+SHIFT+ESC:打开任务管理器

Alt+F4:关闭当前活动项目或退出活动程序

Alt+Tab:在打开的项目中进行切换

Alt+向上方向键:在Windows Explorer 中查看当前文件夹的上一级目录

Ctrl+A:在文档或窗口中全选Ctrl+C:复制选中的项目

Ctrl+向下方向键:将光标移到下一段的段首

Ctrl+Esc:打开开始菜单

Ctrl+F4:关闭活动文档(在程序中能够让你同时打开多个文档)

Ctrl+上方向键:将光标移动到之前一段的开头

Ctrl+V:粘贴选定项目

Ctrl+X:剪切选定项目

Ctrl+Y:还原一个操作

Ctrl+Z:撤销一个操作

DELETE:删除选定项目并移动到回收站

ESC:取消当前任务

F2:重命名选定的项目

F4:在Windows Explorer 中显示地址栏列表

F5:刷新活动窗口

2023年web前端开发学习路线图

目录前言第一阶段:新手入门1.Web前端零基础入门HTML5+CSS3+前端项目2.移动web开发实战第二阶段:技术进阶1.JavaScript深入浅出-0基础入门神器2.JavaScript核心之WebAPIs3.数据交互&异步编程-前端进阶Ajax零基础入门第三阶... 查看详情

前端基础入门第二阶段-html5基础+html语义化

HTML基础:Html简介--HTML(Hypertextmarkuplanguage)中文译名为”超文本标记语言”,主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。--HTML提供了许多标记,如段落标记,标题标记,超链接标记,图片标记等,网页中需要定... 查看详情

想去爱前端培训学前端,要多少钱,要学多久

...阶段:CSS基础和高级技巧第四阶段:静态网站制作项目爱前端注重基础的夯实,基础不好,后续的学习内容犹如空中楼阁。在基础课程的学习中,学员将会掌握制作漂亮的网页的要领。在老师的带领下,初级的学习旨在帮助学员... 查看详情

javar入门第一节课内容梳理

...对象(OOP),常用类,集合,IO流,网络编程,多线程,反射,JavaWeb,前端的基础知识(html(h5),CSS,js),前端的框架(JQuery,bootstrap...),Http协议,tomcat服务,Servlet(可以输出动态网页),jsp(能写java代码的html页面),mysql(重点)/Oracle,jdbc(java连接数据 查看详情

前端小白基础学习课程大纲

...一阶段:页面制作基础从这一基础阶段开始,正式学习Web前端开发需要的编程语言HTML,CSS和JavaScript。HTML和CSS用于Web静态内容的展示,JavaScript用于Web动态交互。完成这一阶段前端开发的学习,你就可以独立实现一个动静结合的Web... 查看详情

零基础学习前端开发要怎么开始

这里整理了一份web前端学习路线的思维导图,需要掌握和学习的内容如下:第一阶段:专业核心基础阶段目标:1.熟练掌握HTML5、CSS3、Less、Sass、响应书布局、移动端开发。2.熟练运用HTML+CSS特性完成页面布局。4.熟练应用CSS3技术... 查看详情

零基础学web前端,应该先学什么?

随着互联网的迅速发展,前端开发工程师成为市场上非常抢手的人才。很多对于IT完全零基础的同学都想学习前端。前端是一门涵盖面很广的学科。但是想学前端的你也不用慌张,内容虽多但有迹可循,只要循序渐进就不怕学不... 查看详情

如果要学习web前端开发,需要学习啥?

  从各大招聘平台可以看到,Web前端行业招聘需求量巨大,一直呈现出供不应求的趋势,但是由于高等院校很少有开设相关的课程,导致每年新增的前端开发人员远远不够,所以现在的Web前端主要还是用过自学和参加培训为主... 查看详情

web前端学习分哪些阶段?

您好,web前端学习分为8个阶段:阶段1.前端核心基础HTML+_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScriptDOM和BOM编程、jQuery框架阶段2.HTML5+CSS3+移动端核心HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练阶段3.移... 查看详情

web前端需要学啥?

这里整理了一份web前端学习路线的思维导图,需要掌握和学习的内容如下:第一阶段:专业核心基础阶段目标:1.熟练掌握HTML5、CSS3、Less、Sass、响应书布局、移动端开发。2.熟练运用HTML+CSS特性完成页面布局。4.熟练应用CSS3技术... 查看详情

web前端培训都有哪些课程

...技术-网站前后端交互、jQuery交互效果开发第三阶段NodeJS前端架构及后台开发:版本控制工具、NodeJS核心技术第四阶段前端框架:Vuejs全家桶-Vue、React框架-React、微信小程序、Flutter第五阶段小程序开发:能够独立开发小程序,提... 查看详情

学习web前端开发,需要掌握哪些知识

...(AJAX、浏览器缓存、JS对象高级、ES6、JQuery)第四阶段:前端主流框架(前端工程化、AugularJS、VueJS、ReactNative、微信小程序)参考技术A您好,学习web前端开发需要掌握的有8个阶段:阶段1.前端核心基础HTML+_CSS核心、JavaScript基础... 查看详情

web前端开发需要学些啥

您好,web前端学习的内容有以下8个阶段:阶段1.前端核心基础HTML+_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScriptDOM和BOM编程、jQuery框架阶段2.HTML5+CSS3+移动端核心HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练... 查看详情

web前端的内容多吗?好学不?

您好,web前端的内容主要有8个阶段,web前端是比较好学的,零基础学习web前端都是没有问题的,现在网上有很多web前端的视频,你可以学习。阶段1.前端核心基础HTML+_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScriptDOM和BOM... 查看详情

学前端都学啥比较好?

这里整理了一份系统全面的web前端学习路线,需要学习以下内容,希望能帮助各位小伙伴少走弯路。第一阶段:专业核心基础阶段目标:1.熟练掌握HTML5、CSS3、Less、Sass、响应书布局、移动端开发。2.熟练运用HTML+CSS特性完成页面... 查看详情

初学者如何迅速学习web前端开发?

学习web前端不怕没哟基础,就怕没有方向,推荐给你web前端学习的路线图:阶段1.前端核心基础HTML+_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScriptDOM和BOM编程、jQuery框架阶段2.HTML5+CSS3+移动端核心HTML5新特性、Canvas专列、C... 查看详情

web前端工程师入门需要学啥?

前端入门学习:一、Web网页基础学习路线:HTML入门基本内容,CSS+DIV的基础知识,选择器,盒子模型,网页布局,Photoshop二、Web编程基础学习路线:JavaScript基础,BOM和DOM模型,事件处理,jQuery,交互及动画,jQuery优质插件,文档... 查看详情

前端开发必学的技术都有哪些?

前端开发必学的技术有哪些这里给大家整理了一份系统全面的前端学习路线,主要掌握以下技术:第一阶段:专业核心基础阶段目标:1.熟练掌握HTML5、CSS3、Less、Sass、响应书布局、移动端开发。2.熟练运用HTML+CSS特性完成页面布... 查看详情