Web工程师之路,从这里开始!

Web工程师之路,从这里开始!

最近在学 1人 累计报名 1020 好评度 - 收藏
  • Web前端入门
更多班级

Web前端入门

支持随到随学,23年03月过期

免费

本班因教学质量问题暂时不能报名。 查看详情

课程因违反平台规定暂时不能报名。

立即报名

课程概述

课程目录

学员评论

老师介绍

  • 张老师

    张老师

    高级工程师,曾供职于多家公司,参与过多个企业级项目研发。对H5、iOS客户端开发及混合开发有深入的研究,熟悉PHP等服务端技术,有着多年的开发经验和教学经验。
  • 赵桂丹

    赵桂丹

    多年前端开发经验,具有丰富的web前端实操经验,精通html5、CSS3、JavaScrip、JQuery及插件,AJAX等web前端技术。工作中多次负责核心模块开发,底层框架搭建。
简  介 适合无编程基础但想学H5前端开发的同学入门学习,也适合UI、Java、PHP等其他学科学员预习或练习。本课程通过新闻页面、个人主页、个人简历、场景秀等多个项目案例由浅入深以项目实战的方式让同学们体验到前端开发乐趣。本课程突出实战,如果希望深入学习课程中涉及到的知识可报名学习智游前端开发课程。


适合人群: 适合无编程基础但想学H5前端开发的同学入门学习,也适合UI、Java、PHP等其他学科学员预习或练习。本课程通过新闻页面、个人主页、个人简历、场景秀等多个项目案例由浅入深以项目实战的方式让同学们体验到前端开发乐趣


01 前端开发环境搭建

前端开发环境的搭建,包括前端常用开发工具介绍、VS Code下载安装,以及前端开发常用运行工具--浏览器的介绍、Firefox下载安装等内容。帮助大家准备好前端开发环境以便深入学习后续小项目。

02 HTML页面基本结构

前端开发主要技术和在项目中的作用、HTML标签基本结构、HTML文档基本结构、字符编码问题及开发一个简单的页面。

03 新闻页面开发

新闻页面的开发,包括前端开发中最常用的HTML标签:H1、P、DIV、SPAN、IMG、A等,还包括控制文字、图片、超链接等最常用的CSS样式。

04 个人主页项目开发-1

个人主页项目的演示、页面结构分析、包括网页常见的构成:页头、LOGO、横幅、导航、主体、页脚等。在页头开发过程中使用了固定位置、定宽居中等常见的布局模式。

05 个人主页项目开发-2

个人主页项目页面主体部分的开发,大量使用了定宽居中的技术,在我的同学部分还使用了相对定位、绝对定位等非常重要定位技术,还使用了圆形边框等CSS3新技术。

06 个人主页项目开发-3

个人主页的语义化重构。介绍了H5语义化的意义、将非语义化的DIV+CSS改造成语义化标签的具体实践过程。以及VS Code分割视图在开发中的应用。



07 个人简历项目开发-1

个人简历项目的开发。RGB颜色简介,字体简介及安装。本案例重度使用定位技术,使用了CSS3中新增的旋转图形变换技术。以及一些高级CSS选择器。

08 个人简历项目开发-2

个人简历项目开发的第二部分,包括字体的使用(注意:实际开发中会使用更高级的技术来使用字体)、背景图片的控制、内容溢出控制、绝对定位元素的层次控制、半透明的使用等。

09 场景秀项目开发-1

场景秀项目是一个手机页面、本部分介绍了响应式开发环境、viewport在响应式开发中的应用、vw/vh等响应式CSS单位的使用、CSS函数calc()在单位混合计算时的使用。

10 场景秀项目开发-2

场景秀动画部分的开发、本部分是场景秀开发的最出彩最重要的部分。包括关键帧动画的定义、平移动画、绽放动画等动画效果的实现方法。H5音频及JS控制音乐播放暂停。

11 响应式登录页面项目开发

响应式页面开发与移动端适配,重点内容包括vw/vh单位、媒体查询的介绍及在移动端适配中的应用方法。表单及INPUT标签的基本使用和使用CSS控制表单样式的方法等。

* 课程提供者:智游

老师还为你推荐了以下几门课程