纳米学位项目

前端开发(入门)

跟随硅谷工程师,零编程经验入门前端开发
下期开课时间
10 月 24 日
下期席位
100
课程预览人数
10906
体验硅谷式课程和学习环境,了解技术辅导、认证和工作内推

与领先企业联合制作

  • Google
  • Github
  • AT&T
  • Hack Reactor
  • 难度
    初级
  • 学习时间
    3 个月

    每周 8 小时

  • 先修知识
    零基础
  • 语言
    中文项目审阅和支持

    英文视频,提供中文及英文字幕

零基础掌握前端开发的基本技能

前端设计,可以将无数富有创意的想法和设计化为现实。优达学城和硅谷前端技术明星一起,手把手教你从零开始写代码。你将通过充满活力的硅谷课程内容、独家实战项目和专业代码审阅,快速掌握前端设计的基础知识和简单应用,为成为一名前端开发者打下基础。


免费体验课程内容,在“我的教室”中深入感受项目细节和专业辅导

免费预览课程

全国前端工程师

平均起薪 ¥ 9830

北京、上海、杭州等地区

起薪 ¥ 13500+

基于「职友集」超过九万份样本数据统计
和优达导师一对一在线沟通
和优达导师一对一在线沟通

和优达导师一对一在线沟通

除了学习来自硅谷领先企业的课程视频、实战项目,你还可以与专业的优达导师进行一对一学习沟通。还有更多 Udacity 独家学习资料,等待你来探索。课程提供中文版。

加入同步学习小组,在导师帮助下快速成长

加入同步学习小组,在导师帮助下快速成长

零编程经验的你将加入学习小组,认识志同道合的伙伴,在专业导师全方位辅导和监督下,高效掌握前端开发技术,打造令人惊艳的用户体验。

独一无二的硅谷实战项目和代码审阅
独一无二的硅谷实战项目和代码审阅

独一无二的硅谷实战项目和代码审阅

亲自挑战来自硅谷的前端开发实战项目,获得该领域专家的逐行代码审阅和反馈,学习最先进的技术标准,与硅谷编程开发者的思维同步!

获得硅谷认证的毕业证书

获得硅谷认证的毕业证书

毕业后,你将获得 Udacity 和合作企业共同颁发的前端开发毕业证书,证明自己在前端领域的专业知识和技术水平!

项目讲师

Michael Wales
Michael Wales

优达学城课程总监

自学成才,拥有 18 年全栈开发经验的工程师。开源代码支持者,为优达学城制作了第一个纳米学位项目,没错,就是前端开发纳米学位!

Cameron Pittman
Cameron Pittman

优达学城全栈工程师

Cameron Pittman 拥有多年在线教育领域的成功教育经验,从课程开发到内容分析师,他精通数个领域,如今他将精力放在优达学城的前端教育课程上。

Pete LePage
Pete LePage

Google 客座教授

六年资深的 Google DA 经验,目前为 Chrome Web Store 团队成员之一,拥有丰富的开源网页前端开发经验,包括 HTML5 和 CSS3 等。

Julia Van Cleve
Julia Van Cleve

Apple 教程设计师

毕业于 Stanford 大学,拥有丰富的前端课程教育经验,作为前优达学城前端工程师,帮助优达学城研发了 Ruby, JavaScript 等多个课程视频,培养了无数前端开发者,如今她在 Apple 为新产品设计各类教程。

Richard Kalehoff
Richard Kalehoff

优达学城高级课程开发

九年网站应用开发经验,精通多种前端开发工具包含 JavaScript 和各类框架结构。在优达学城担任课程导师期间,与众多业内顶级企业包括 Google, GitHub,Facebook 等一起开发了优达学城纳米学的课程实战项目。

Karl Krueger
Karl Krueger

优达学城课程开发

在加入 Udacity 之前,Karl 是 Google 长达九年的网站可靠性工程师,拥有丰富的网站优化经验,对于前端开发的网站容量规划、服务集群、负载和监控都十分了解。

真实学员评价
  • "生动的课程间穿插具有挑战性的项目,让我上课充满动力,课程结束后我的履历和作品集让我自己感到不可思议,对于转行充满了自信。过去我是个不开心的手机应用开发者,我花了3个月完成纳米学位后顺利找到了全栈工程师的工作,还有能力在空暇时间独立完成自己的网站项目,这些都是过去无法想象的!"

    — 赵心成, 全栈工程师毕业生
Students

你将学到什么

先修知识

你需要有学习的自主性和动力,持续遵守截止日期,每周在此课程上投入至少 6-8 小时。

前期准备

你需要有一台可以访问互联网的计算机,除此之外无特别要求。

我们选择与 Udacity 合作设计和开发课程内容,因为我们相信 Udacity 的教学模式能够让学习者真正掌握开发者所需要的技能。

Peter Lubbers

Google 开发者培训高级项目经理

  • 第一周

    开始你的前端工程师之旅

    在这一周,你将培养自己学习编程的正确心态、学习四种重要的问题解决策略,并了解如 何利用优达学城的各种资源,为你的前端工程师成长之旅铺平道路。

  • 第二周

    学习并运用 HTML

    你将学习 HTML 基础语法,知道如何查询 HTML 语法,练习运用 HTML,并最终使用 HTML 将一个网页原型变为一个真正的网页!

  • 第三周

    学习并运用 CSS

    你家里养了一只可爱的小猫或小狗吗?在这一单元,你将学习 CSS,并结合 HTML 和 CSS,为你最心爱的动物创建一张卡片吧!

  • 第四周

    框模型和语义元素

    学习框模型,使用 HTML 和 CSS 来创建框布局,并学习使用 Bootstrap 来流程化你 的网页开发工作。

  • 第五周

    响应式网页设计基础

    学习响应式设计的重要性,并设置好你的开发环境。

  • 第六~七周

    JavaScript 基础

    了解什么是 JavaScript,学习JavaScript基础语法,并利用更新后的ES6语法改善你的JavaScript代码。

  • 第八周

    学习 Shell 工具的使用

    在这部分内容中,你将学习在计算机上使用该工具的基本知识

  • 第九~十周

    学习使用 Git 和 GitHub

    全面了解版本控制,使用 Git 帮助我们管理项目的不同版本

  • 第十一~十二周

    jQuery 基础

    学习我们为什么使用 jQuery、“文档对象模型(DOM)”是什么,以及如何使用 jQuery 处理点击、键盘输入、滚动和其他可能发生的常见事件。

你将挑战的实战项目

博客文章
实战项目 1

博客文章

本次项目你需要将原型转换为 HTML 网页。与此前习题集中的练习类似,不过在项目中你要实现的文章要复杂得多。我们将提供一个网站的原型(以及其中的文本,这样你就不用手动输入网页中的文本了)。而你的任务是使用 HTML 将原型转换为真的网页的样子。

本次项目你需要将原型转换为 HTML 网页。与此前习题集中的练习类似,不过在项目中你要实现的文章要复杂得多。我们将提供一个网站的原型(以及其中的文本,这样你就不用手动输入网页中的文本了)。而你的任务是使用 HTML 将原型转换为真的网页的样子。

动物交换卡
实战项目 2

动物交换卡

你需要应用到目前为止学到的所有内容, 来完成这个项目,项目的名字是“动物交换卡(Animal Trading Cards)”,此项目将考察你在语法习题中所学到的技能,并要求你依据设计原型,重头开始创建一个网页。这是前端开发人员最常见的工作流程。通常,别人会向你提供一个设计原型,你需要将其转换成真正的、功能完备的网站。在大多数情况下,设计师只会向你提供设计原型。但是,在此项目中,我为你提供了设计原型和 HTML文件。此项目中使用的设计原型的灵感来自动物交换卡,你要选择一种自己喜欢的动物,然后创建它的卡片。

你需要应用到目前为止学到的所有内容, 来完成这个项目,项目的名字是“动物交换卡(Animal Trading Cards)”,此项目将考察你在语法习题中所学到的技能,并要求你依据设计原型,重头开始创建一个网页。这是前端开发人员最常见的工作流程。通常,别人会向你提供一个设计原型,你需要将其转换成真正的、功能完备的网站。在大多数情况下,设计师只会向你提供设计原型。但是,在此项目中,我为你提供了设计原型和 HTML文件。此项目中使用的设计原型的灵感来自动物交换卡,你要选择一种自己喜欢的动物,然后创建它的卡片。

编写作品集网页
实战项目 3

编写作品集网页

在本项目中,你将构建一个作品集网站。请根据 提供的设计原型 PDF 文件,使用 HTML 和 CSS 再现该设计。请开发一个响应式网站, 针对在前端纳米学位课程中完成的各作品集项目, 显示其相应的图片、说明和 链接。建议在成功再现设计模型之后, 还可以继续对设计进行调整和自定义制作, 通过个性化来创建属于自己的设计!自己动手实现的 作品集网站首先要让自己满意。

在本项目中,你将构建一个作品集网站。请根据 提供的设计原型 PDF 文件,使用 HTML 和 CSS 再现该设计。请开发一个响应式网站, 针对在前端纳米学位课程中完成的各作品集项目, 显示其相应的图片、说明和 链接。建议在成功再现设计模型之后, 还可以继续对设计进行调整和自定义制作, 通过个性化来创建属于自己的设计!自己动手实现的 作品集网站首先要让自己满意。

像素画艺术生成应用
实战项目 4

像素画艺术生成应用

像素画和十字绣是两种很相似的艺术形式…虽然十字绣已经有几百年的历史,而像素画仅在视频游戏年代才出现。在此项目中,你将构建一个基于 JavaScript 的网络应用,使具有艺术天赋的用户能够使用彩色的小方块创建小小的图片。

像素画和十字绣是两种很相似的艺术形式…虽然十字绣已经有几百年的历史,而像素画仅在视频游戏年代才出现。在此项目中,你将构建一个基于 JavaScript 的网络应用,使具有艺术天赋的用户能够使用彩色的小方块创建小小的图片。

电子简历
实战项目 5

电子简历

在此项目中,你将编写 JavaScript 以构建在线互动简历。你将通过编写 JS 脚本建立你的简历,该脚本将你的个人信息与预先编写的 HTML 和 CSS 模板相结合来生成新的简历。

在此项目中,你将编写 JavaScript 以构建在线互动简历。你将通过编写 JS 脚本建立你的简历,该脚本将你的个人信息与预先编写的 HTML 和 CSS 模板相结合来生成新的简历。

名额有限!立即体验课程内容

本期学费

¥ 3,099

  • 免费提前体验课程

  • 感受硅谷先进课程和学习服务

  • 挑战来自行业领导者的实战项目

  • 了解硅谷认证和工作内推

  • 为什么名额有限

    在学习过程中你将要挑战硅谷名企设计的实战项目,会有前端领域专家逐行审阅你的代码,提供专业、细致的反馈,你还将加入学习小组,和志同道合的伙伴一起,在全方位辅导和监督下,用最短的时间高效成长。为了保证这些学习服务的质量,使你在最短时间达到学习目标,我们限名额保证良好的导师学生比例。

  • 此期学费为什么比往期更贵?

    为了帮助你快速、全面掌握最前沿、被行业领导者最新认可的技能,我们不断在推出新的服务,提升教学服务的质量。普遍的运营成本升高,也会导致学费随着时间推移而有所增加。

帮助与常见问题

    课程特点

  • 什么是“基石纳米学位项目”?它和一般的“纳米学位项目”有何不同?

    “基石纳米学位项目”旨在帮助你进入特定的技术领域,让你在课程学习的过程中“打下扎实基础”。视你的长期目标而定,基石纳米学位项目可以帮助你提升现有技能;为进入更深入、更高级的学术研究做好准备;或为转行进入一个需要更全面地了解特定技术和概念的新领域做准备。

  • 加入这个项目需要满足哪些先修要求?

    要学习这个纳米学位基础项目,你需要有学习的自主性和动力。参与此课程要求能够持续遵守截止日期,每周在此课程上投入至少 6-8 小时。 你需要有一台可以访问互联网的计算机,除此之外无特别要求。

  • 这个基石纳米学位项目是职业导向的吗?

    前端开发入门基石纳米学位项目旨在帮助你为进入前端开发领域的“夯实基础”,因此,这门课程不是“职业导向”,而是“知识导向”。你可以把它看作一个理想的前端开发入门课程,同时也是一块“基石”,让你学完这门课后,就能学习我们的前端开发(进阶)这个职业导向的纳米学位项目。 这个基石纳米学位项目不包括简历审阅、模拟面试等职业发展项目,因此从此基石纳米学位项目毕业后,你可能不会为在相关领域找工作做好准备。当然,如果你在相关领域已经有了一定工作经验,学完这个项目后,你将在找工作时更有竞争力。

  • 从此基石纳米学位项目毕业后,我也会获得毕业证书吗?

    是的!就像其他纳米学位项目一样,成功完成深度学习基石纳米学位项目后,你将获得优达学城颁发的毕业证书。

  • 课程提供中文字幕或中文讲义吗?

    是的!你将看到全中文讲义,授课视频也将配有中文字幕。此外,我们还提供中文项目审阅服务,你可以用中文完成项目作业。

    课程结构和截止时间

  • 如果我错过项目提交截止日期怎么办?

    “我的教室”中显示的期限是我们建议的项目完成时间。建议完成日期是为了提醒你跟上课程进度,不至于落后太多。 请注意提交项目的次数没有限制,所以不要等到临近期限再提交。如果你未能在该日期前提交项目,也不会受到惩罚。 但是,如果你未能在建议完成日期前提交项目,落后太多,你会有很大风险不能在学期结束前通过所有项目。因此,我们建议你按照我我的教室中显示的建议完成日期提交项目。

  • 前端开发学习中需要的专业软件,Udacity 会提供吗?

    前端编辑器 sublime text 、Atom 等学习中需要的专业软件都可以免费下载并使用。教室里也会教你如何下载。

  • 这门课大概要学多久,要多久完成?

    入门课程为 8 周,进阶课程为 11 周。这个时间是基于大家每周花 8 小时左右来学习这门课程的。 如果你没有在上述时间内完成,也不用担心,因为这两门课程其实有 6 个月的有效期,你只需要在这 6 个月里完成全部项目就可以了。

  • 前端开发(入门)纳米学位项目的退款政策是什么?

    开课后 7 天内,你可以 【点击这里】向我们申请无条件退款。我们将取消你的注册并全额返还学费。

  • 在一年内毕业,可以获得 50% 学费返还吗?

    前端开发(入门)纳米学位项目不提供 50% 学费返还。

    其他问题

  • 请问项目提交后,多长时间可以得到项目导师的回复?

    同学们提交的项目,一般会在 1~2 天内得到导师的回复。最久不会超过 7 个工作日。如果超过 7 个工作日你还没有得到回复,可以发邮件给 support@youdaxue.com , 我们帮你查一下原因。

  • 一对一辅导的频率是怎样的?

    每周大家都可以来预约一次一对一,如果你有问题,可以在一对一中问导师。只要你的课程订阅还在有效期内,你都可以找导师来约一对一,解答你在课程中遇到的问题。

  • 与导师一对一需要额外缴费吗?

    不需要。一对一是完全免费的。

  • 开课后学习内容是一次性全部放出还是分阶段放出?

    课程在开课后是全部开放的,你可以在开课后看到所有的课程内容和项目内容,课程页面每周课程是优达建议的学习时间和课程内容的大致展示,不是每周放出相应的内容,你在开课后是可以按照自己的时间和节奏学习的。