|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/50-projects-50-days/
课程评论：没有评论
**课程名称：** 50个项目，50天：HTML, CSS & JavaScript **课程概述：** 这是一门纯粹的项目驱动型课程，适合前端开发的初学者，同时也适合有一定基础的开发者进行实践和创新。课程将带领学员通过HTML、CSS和JavaScript深入学习文档对象模型（DOM），并亲手构建**超过50个**与DOM相关的迷你项目。 **课程亮点：** * **项目驱动学习：** 课程内容紧密围绕实际项目展开，通过动手实践加深理解。 * **内容丰富：** 涵盖了从基础到进阶的多种前端技术和概念，例如： * **HTML5：** 语义化标签，构建结构清晰的网页。 * **CSS：** 颜色、对齐、Flexbox、阴影、响应式布局（媒体查询）、CSS自定义属性、动画和过渡效果等。 * **JavaScript：** DOM操作、事件处理、动态内容生成等。 * **项目示例（部分）：** 展开卡片、进度步骤、旋转导航动画、隐藏搜索框、模糊加载、滚动动画、分割落地页、波浪表单、声音播放器、Dads Jokes、键盘事件、FAQ折叠、随机选择器、动画导航、递增计数器、饮水提醒、电影应用、背景滑块、主题时钟、按钮涟漪特效、拖放、绘图应用、动感加载器、内容占位符、固定导航栏、双垂直滑块、Toast通知、Github用户信息、双击爱心、自动文本效果、密码生成器、好、便宜、快、笔记应用、动画倒计时、图片轮播、Hoverboard、Pokedex、移动标签导航、密码强度、3D背景框、验证账户UI、实时用户筛选、反馈UI设计、自定义范围滑块、Netflix移动导航、测验应用、推荐框。 * **循序渐进：** 项目设计紧凑，通常可以在几小时内完成，帮助学员快速建立成就感。 * **基础扎实：** 强调在学习前端框架之前，掌握原生JavaScript和DOM操作的重要性，为进阶学习打下坚实基础。 **学习目标：** 通过完成课程中的50多个项目，学员将能够： * 熟练运用HTML5构建语义化网页。 * 精通CSS的各种属性和布局技术，实现美观且响应式的界面。 * 深入理解JavaScript与DOM的交互，实现动态和交互式的网页功能。 * 建立学习前端框架所需的扎实基础。 **适合人群：** * 前端开发初学者。 * 希望巩固和提升原生JavaScript和DOM操作技能的开发者。 * 对通过实际项目学习编程感兴趣的学习者。
This is a purely project-based course. It is geared toward beginners, but intermediate developers can also enjoy creating new things. This course includes 50+ mini projects in HTML, CSS & JavaScript that relate to the DOM (Document Object Model). Here is a list of what we will create in this course:Expanding CardsProgress StepsRotating Navigation AnimationHidden Search WidgetBlurry LoadingScroll AnimationSplit Landing PageForm WaveSound BoardDad JokesEvent KeycodesFaq CollapseRandom Choice PickerAnimated NavigationIncrementing CounterDrink WaterMovie AppBackground SliderTheme ClockButton Ripple EffectDrag N DropDrawing AppKinetic LoaderContent PlaceholderSticky NavbarDouble Vertical SliderToast NotificationGithub ProfilesDouble Click HeartAuto Text EffectPassword GeneratorGood Cheap FastNotes AppAnimated CountdownImage CarouselHoverboardPokedexMobile Tab NavigationPassword Strength Background3d Background BoxesVerify Account UILive User FilterFeedback UI DesignCustom Range SliderNetflix Mobile NavigationQuiz AppTestimonial Box SwitcherRandom Image FeedTodo ListInsect Catch GameSimple Timer (Bonus Day 1)Many people jump into a frontend framework too early. Learning vanilla JavaScript and understanding how the document object model works are essential before moving to a framework. This course teaches you this by creating real-world projects of all types.You will also learn more about HTML5 and CSS including semantic tags in your markup, basic CSS properties such as colors, alignment, flexbox, and shadows as well as creating responsive layouts with CSS media queries, CSS custom properties, animations/transitions, and more.50 projects may seem like a lot, but we were able to make them small enough to where you can complete a project in just a few hours. Of course, this depends on your skill level.
