• 2
  • 1
  • 版权所有:黑龙江维德科技有限公司      地址:黑龙江省哈尔滨市道里区河松小区112栋1-2层

    黑ICP备18001778号    网站建设:中企动力 哈尔滨

    >
    >
    >
    十大Web应用开发必备技巧

    COOPERATION CASE /合作案例

      Web应用开发正在不断演变,Web开发所具备的技能也在不断更新变化中。开发者唯有不断进取、学习新的知识才能在开发行业中站住脚。下面是根据今年来,认为Web应用开发必备的十大专业技巧。

      1、安全

      过去,企业在内部安装应用,基于防火墙背后的应用无法与第三方服务或应用进行通信。而随着软件的发展,现代Web应用能够与其他设备进行集成,并存储在云服务器上或者访问多种类型设备。因此,安全问题显得尤为重要。

      “作为一名应用开发者(web/desktop),深入理解应用程序的安全性是最为重要的技能之一。”Veracode首席安全顾问Stephen Jensen说道,“在当今世界,有关安全问题的新闻不绝于耳,大多数是揭露数以百万计的人们的敏感信息。因此,Web应用开发者必须知道如何预防常见的漏洞,比如Cross-Site ing (XSS),SQL注入等。为了确保应用在创建过程中免受安全问题的恶意攻击,同时也为了保护用户潜在的敏感信息问题,这也是所有开发者应当学习的必备基础技能。”

      2、移动技术

      智能移动电话的使用日渐普及,而且使用的人数已经在 2012 年超过 PC 桌面。因为使用移动设备的用户越来越多,使得响应式的 Web 设计成为了趋势。开发者应该能开发支持多种设备同时访问的网站,包括智能电话 —— iOS 、Android、Windows Phone 和黑莓等。作为一个开发者,你不能忽略大量的移动用户,因此你必须学习响应式网站开发和移动 UI 工具包。

      3、用户体验(UX)设计

      “随着移动设备用户需求量的不断增加,开发者需要充分理解用户体验设计显得愈发重要。”Raster Media CEO Michael Smith说,“设计团队单独负责某款应用的用户体验的日子已经一去不复返了。开发者必须考虑互动、动画、速度以及各个APP之间的通信等问题。”

      我完全赞同这一观点。用户体验设计有几大重要因素,首先,用户的期望有所上升。用户下载一款新的应用,他们想立即知道它是如何运行的。他们希望从业务应用中获取相同的体验。其次,用户有选择的余地。如果不喜欢这款应用,他们会寻找另一款代替。由于用户的期望值增加以及竞争的加剧,更为直观的界面需求比以往显得更加重要。

      4、自适应/响应式设计

      谈及UX设计,Web App开发者必须建立可随处运行的应用程序。现在的问题不再是“用户如何与我的应用进行交互?”而是演变成“用户与我的应用如何在每款设备类型上进行交互?”

      想要做到这一点并不容易。你必须回答以下这些问题:“智能手机上的按钮设置在哪里?你如何在小屏幕上格式化数据表?当设备从人像模式切换至风景模式会发生什么?”总之,Web开发者必须知道让Web应用适应不同屏幕大小的方法。

      针对跨平台/设备,响应式设计和自适应设计主要两大方法:

      响应式设计使用流体网格以及CSS3媒体查询来适应各种屏幕大小/类型上的应用。你可以通过Web找到各种响应式设计案例。例如 TheNextWeb就是个典型的案例。你会发现,当你调整浏览器大小时,该网站会自动适应新的尺寸。

      自适应设计根据不同的设备提供不同的HTML页面。比如,一款独立的Web应用可能需要3个独立的表示层(HTML):一个是PC端,一个是平板电脑,另一个则是智能手机。例如,在不同的设备上访问 Web App,外观和行为显示的均各不相同。

      那么哪一种方法最好呢?我想说它们有各有各的优势。响应式方法对于Web网页设计以及Web应用信息来说是个不错的选择;而自适应方法可更好的适用于数据驱动Web应用,尤其是包含那些数据表的应用。为什么?这是因为它让开发者能够更好的控制数据结构和样式,而不是试图去适应多种屏幕尺寸上的单个表格,自适应设计方法可让你为每款设备创建不同的表单。

      5、Java and jQuery

      对于台式机或者平板电脑来说,java变得越来越重要,尤其是 在Windows8发布以后。随着HTML5和Java的结合,你可以在web开发中做的更好。除了Java,JQuery是一项必须熟知的技能如果你的工作中使用到了HTML5。当然你也可以找到一些好的能实现同等效果的其他技术,但是到目前为止,JQuery是最好的。你应该掌握多种而非单一的编程语言。

      6、 Python 或者 Ruby

      PHP经过漫长的发展已经成为佼佼者,不过好消息是Python和Ruby已经在开发行业找到了自己的方式。 Ruby+Rails和Python+Django都是非常牛逼的Web开发框架。Python和Ruby虽然不能完美的满足各种各样的项目,但是他们可以作为一个额外技能。此外,他们可以在很多其他项目中提供一些帮助。因此,确保你可以花点时间去学习这些技能。

      7、 HTML5

      HTML5 是最受欢迎的工具,而且不断的在发展。在 HTML5 全面繁荣之前,你应该准备开始 HTML5 的知识储备。如果你想成为下一代应用的开发者,必须学习 HTML5。移动设备也完全支持 HTML5,因此你在学习 HTML5 的同时也是在学习移动开发。

      8、 CSS3

      HTML5 和 CSS3 越来越流行,使用 HTML5 和 CSS3 你可以开发语义连贯的网站。CSS3 有很多很棒的特性,例如可下载的自定义字体 (font-face) 、RGBA 色彩、色彩梯度、多背景、透明、变换等等。

      9、 Web应用架构

      在Web开发上,应用架构变得比以往更加重要。应用体系架构直接影响到应用可扩展性、灵活性,以及集成其他Web服务和应用的能力。如果开发者想要创建一款有用的、可持续性的应用,那么理应深刻掌握Web应用架构知识。

      “Web应用开发者应该充分关注Web应用架构”,MRC软件开发经理Tyler Wassell说,“开发者应该了解,所开发的应用程序如何与所有系统组件进行交互,以及底层架构将如何影响诸如可移植性、可维护性、可用性等性能情况。”

      10、

      现如今,API已发展成为Web开发一个重要的方面。从本质来讲,API让不同的Web服务之间相互通信。开发者可以通过其他应用/服务上调用数据创建应用。

    [{"atlasImg":{"id":15,"tenantId":null,"version":null,"appId":null,"viewType":null,"sourceApp":null,"useViewType":false,"authData":null,"jsAuthority":null,"atlasId":7,"title":"","des":"","coverFlag":true,"imgUrl":"/repository/image/6vucNb-DStqPycFqpwTWGA.jpg_{2i}xaf.jpg?k=1552295730000","thumbUrl":"/repository/image/6vucNb-DStqPycFqpwTWGA.jpg_{2i}xa.jpg?k=1552295730000","linkUrl":"","openType":true,"showOrder":1,"imgId":291,"thumbId":291},"bigWidth":600,"bigHeight":450,"smallWidth":135,"smallHeight":135,"srcImgUrl":"/repository/image/6vucNb-DStqPycFqpwTWGA.jpg?k=1552295730000","srcThumbImgUrl":"/repository/image/6vucNb-DStqPycFqpwTWGA.jpg?k=1552295730000"}]
    /atlas/3/
    ""
    "点击查看原图"
    e_box-000 e_MinorLink-001 e_link-001 true false true false 图册详情 70 true yyyy/MM/dd true e_box-000 true {"type":"","content":"","target":""} true e_AtlasArticleBox-001 e_articles-001 e_box-000 false 60 false e_AssistName-001 false e_link-001 e_icon-000 e_icon-000 false false e_ListImgTitle-001 input e_MinorLink-001 c_intro_relatedlist-15211002092345426 70 3 false false e_box-000 4x3 true false true _blank 1s_pAnGs003 e_image-000 24 1s_pAnGs001 true true true e_box-000 false e_box-000 225x225 atlas_detail-15211002090863730 e_PreBtn-001 225 24 e_MajorLink-001 TitleAll 1s_sbxGs002 图册详情 false 1s_sbxGs001 e_NextBtn-001 1s_sharesGs001 c_news_relatedlist-15211002093951313 c_companyplace_relatedlist-15211002095468334 e_HtmlEditor-001 24 e_btn-000 false e_box-000 e_box-000 false {"type":"","content":{"id":"","text":""},"target":"_blank"} true e_ContentMajorStyleBox-001 false e_box-000 e_box-000 e_MinorLink-001 e_AtlasRelationImg-001 true e_AtlasBox-001 true false true false true false true e_box-000 false false e_AssistInfo-001 100 true e_box-000 false false e_AssistInfo-001 e_box-000 e_image-001 e_box-000 e_box-000 false 4x3 true e_num-002 e_box-000 e_pagebox-000 true 3 0 0 4x3 e_ArticleHline-001 true e_box-000 site:atlas/atlas_detail-02 More e_ImgSummary-001 c_product_relaedlist-15211002093017341 true e_box-000 e_PageNum-001 false e_name-001 e_name-001 e_name-001 e_num-001 e_name-001 c_message_relatedlist-15211002095829880 true 1s_kwdsGs001 0 e_box-000 e_box-000 e_IconSwitchBtn-002 e_IconSwitchBtn-002 e_IconSwitchBtn-001 60 e_IconSwitchBtn-001 e_box-000 e_ImgHead-001 e_link-001 true e_head-000 atlas_detail-01 true 0 6 false false e_ImgHead-001 e_box-000 true top false c_atlas_detail-01001 atlasId;currentPage;atlasCateId 225 turnPage true _blank {"type":"","content":"","target":""} 4 true e_AssistName-001 3 e_AssistName-001 e_AssistName-001 e_AssistName-001 false e_num-002fsaggasf true e_PageNum-002 c_atlas_relatedlist-15211002094278200 e_box-000 e_image-000 true true c_file_relatedlist-15211002096356027 e_box-000 60 true 24 false 100 70 false true 1 1s_styleName0005 c_problem_relatedlist-15211002094836540 1s_styleName0002 HH:mm:ss 1s_styleName0003
    /repository/image/6vucNb-DStqPycFqpwTWGA.jpg_{2i}xaf.jpg?k=1552295730000 /repository/image/6vucNb-DStqPycFqpwTWGA.jpg_{2i}xa.jpg?k=1552295730000 /repository/image/6vucNb-DStqPycFqpwTWGA.jpg?k=1552295730000
    /repository/image/m98wlmOMQd6sFxD0nRYzNg.jpg_{2i}xaf.jpg?k=1552295730000
    /atlas/8.html
    /repository/image/e66XxeWuS_OsQfKgYkwulw.jpg_{2i}xaf.jpg?k=1552295730000
    /atlas/2.html