Design Document

WebMRose Online Portfolio and the Design Document


Background to the Site

Please include a brief background of your skills and the specific skills (i.e. design, programming, etc) you’re seeking to showcase for your audience.

If you are doing a redesign, you must include a link to the original site here, as well as information related to the redesign (when was it originally created, by whom, why the redesign, etc.).

Goals

I am looking for answers to your basic set of questions here, such as:

  • What is the goal or purpose of your site? (i.e. Advertising yourself online, show potential employers, showcase specific programming skills, showcase design skills, etc.)
  • Who are the intended audiences?
  • Who are your potential employers?
  • Who within the company might be visiting your site?
  • Will you need to demonstrate your skills to a techie person or non-techie? How might you address this?
  • Why specifically will people come to your site?

Audience Definition

– Includes but may not limited to…

  • WHO are the users (tip: refer back to your intended audiences list),
  • What are their goals and objectives,
  • What technology they will use to access the site.

Flowchart

Include the architectural flowchart for your site, breaking down the site’s organizational scheme.

Features List

Site’s Features / Element that draw attention/showcase your abilities.

Interesting Article on Web Development

Top 10 Web Development Trends
& Technologies for 2020

Top 10 web development trends technologies for 2020

#webdev #javascript #css #ai

Artificial Intelligence
Programming Languages
Frameworks
Static Website Hosting

Digital Transformation

Adaptability
Single Page Applications
Chatbots
Progressive Web Apps
WebAssembly

Programming Languages, like Python, have been around for a long time and become a standard language used by developers. One of my favorite programming languages is JavaScript, in which makes up 95% of all websites and is, by far, the most commonly used and basic of front-end programming languages to develop web applications. The knowledge and to be fluent in Javascript, also means knowing of NPM (Node Package Manager), it allows for developers to share and reuse javascript code. Another interesting piece of on the rise is Google’s open-source programming language, Golang.

Frameworks are apart of the layout of javascript.

JavaScript Frameworks A new React-based framework for static site generation that is taking the web development world by storm and its called GatsbyJS and uses Agility CMS is a headless CMS and free. CSS Libraries and Frameworks

As a front-end development the CSS libraries may just be your best friend. Bulma and Tailwinds are said to be a way to speed up your design process because they provide lots of layout ideas. Bootstrap is pretty neat, it’s a platform for building website or web-based app.

Web Components are a semi new technology that may rewrite how we think about reusable web technologies. Web Components are a set of web platform APIs. They are similar to the building components in libraries like React or Angular.

Web hosting is moving fast with no end in sight. The two hosting companies, Netlify and JAMstack, have become very popular in web development. Netlify is a web hosting infrastructure and automation technology company that provides next-generation web hosting and automation that’s very affordable. They also offer web hosting infrastructure for JAMstack websites, born for a need of websites to be fast.


Work Cited

Co-authored by wikiHow Staff. “How to Cite Sources.” wikiHow, Updated: 13 September 2019. https://www.wikihow.com/Cite-Sources. Accessed 12 January 2020.

Pirrone, Gabriella. “Top 10 Web Development Trends & Technologies For 2020.” DEV, 21 November 2019. https://dev.to/agilitycms/top-10-web-development-trends-technologies-for-2020-11ii. Accessed 12 January 2020.