11 06 19

I am D.ANUSHA from ITSTARTUP INTERNSHIP. From this course I have learnt about many good tools which are very helpful and I also gained some basic knowledge about web designing. The topics which i had learnt are:

INTRODUCTION WHY THIS IS THE ONLY DESIGN DEVELOPMENT COURSE YOU WILL EVER NEED:

Web design and development: To work as a freelancer, we need many skills for developing projects. Experience is very important for getting job.

MAJOR COURSE DISCOUNTS E-BOOK:

We can learn about html, css, html5, css3, visual design, web design, photoshop, javascript, jquery, php, mysql, wordpress in this course and become a freelancer.

HOW MUCH PRICE SHOULD WE CHARGE?

Before charging as a freelancer, we should know details about:

what is the project about?

who is the client?

how much does it cost us?

is the project interesting?

VISUAL DESIGN: Visual design aims to shape and improve the user experience through considering the effects of illustrations, photography, typography, space, layouts, and color on the usability of products. Elements and principles together form the building blocks of visual design. The elements of design are following:

  • Color.
  • Line.
  • Point.
  • Shape.
  • Texture.
  • Space.
  • Form.
  • Unity/harmony.

DESIGN CRAP PRINCIPLES: The four  design principles are contrast, repetition, alignment, and proximity (C.R.A.P.). Contrast helps to highlight and focus attention. Contrast may be achieved using color, shades of gray, size and visual weight.

TYPOGRAPHY: Typography is an art concerned with design elements that can be applied to the letters and text (as opposed to, say, images, tables, or other visual enhancements) on a printed page.

DESIGNING WITH GRIDS:

ADOBE PHOTOSHOP:

VIDEO:1:Introduction to Photoshop:I had known the introduction of Photoshop.
Video:2:I had learnt how to create Photoshop document.Video:3:Photoshop environment tool bar-1:I had learnt about the tools which we use in Photoshop.

Photoshop environment tool bar-2:I have learnt about all tools

Video:5: Photoshop palates. We must know specific details. choose all types of selections.

Video: 6:Photoshop menus:We have menus like edit, types, 3D, select filter, view window help.

Video:7: Photoshop enhancement

Video:8: Photoshop project 1

Video:9: Photoshop project 2: I have layered about project of Photoshop

Video:10: wrap up of Photoshop

WEB DESIGN: Web design is the process of creating WEBSITES.  There are several different aspects, including webpage layout and graphic design.  Websites are created using a MARKUP LANGUAGE called HTML.

HTML:
Video:1: HTML means HYPERTEXT MARKUP LANGUAGE. There will be tags, attributes and elements in this language.
Video:2: ID’s are uniques and classes are global. There are some features for fonts and styles.
Video:3: SPAN AND DIV TAG:  These are silly and sample tags. Div means block level tag elements and span means line element.
Video:4: HTML-5:In this, we have tags like <header>  –  heading, <nav> – navigation bar,  <section> – sections, <aside> – asides Page, <div> – divides page, <footer> – at ending page
Video:5: This is a HTML project. By using all tags we have to design webpage.


CASCADING STYLE SHEETS:

Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language like HTML.

There are three types of cascading style sheets. They are:

1)EXTERNAL STYLE SHEET

2)INTERNAL STYLE SHEET

3)INLINE STYLE

JAVASCRIPT:Javascript is an object-oriented computer programming language commonly used to create interactive effects within web browsers.

JQUERY:

jQuery is a JavaScript library that allows web developers to add extra functionality to their websites. It is open source. jQuery can also work with scripting languages such as PHP and ASP to access data from a database.

BOOTSTRAP:

Bootstrap is most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on web.

Download the latest version i.e., BOOTSTRAP-3.3.5. In the basic version, we have css, fonts and JS. In CSS, we get bootstrap-theme.css , bootstrap-theme.css.map,  bootstrap-theme.min.css ,   bootstrap.css ,                        bootstrap.css.maP,    bootstrap.min.css.

In fonts, we get glyphicons-halflings-regular.eot,  glyphicons-halflings-regular.svg ,  glyphicons-halflings-regular.ttg ,  glyphicons-halflings-regular.woff ,  glyphicons-halflings-regular.woff2.

In JS, we get bootstrap.jS,   bootstrap.min.js,     npm.js(autogenerated)

create a new file in bootstrap and name it as index.html. Take a basic template and copy the HTML to begin working with a minimal bootstrap document.Go to copy to clipboard and copy and paste it in index.html and run it.

PHP:(HYPERTEXT PRE-PROCESSOR):

PHP is a server side scripting language. It is used to develop Static websites or Dynamic websites or Web applications. PHP stands for Hypertext Pre-processor. PHP scripts can only be interpreted on a server that has PHP installed.

MYSQL:
MySQL is an open-source relational database management system (RDBMS). MySQL is developed, distributed, and supported by Oracle Corporation. The data in a MySQL database are stored in tables which consists of columns and rows. MySQL is a database system that runs on a server.

WORDPRESS:

Capital W and capital P is a free open source.
HOW TO START A WORDPRESS BLOG IN 5-MINUTES:https://my.justhost.com/cgi-bin/cplogin.
There are home,web hosting,why us, guarantees, contact us,help center, login in justhost.
For hosting login, we should type domain or username and password and then we should submit.
After login, there will be cpanel. Cpanel is nothing but control panel. Now scroll down then there will be website builders. In website builders, go to install WordPress and install it.

 VIDEO: 1:DASHBOARD:
Go to jetpack, go to posts and then go to add new and then go to all dates.go to add new post and click something like “my first blog post” and click some topic. Here we also have bold, italic for letters.There is also base color scheme. We can keep it as pink, blue etc . Now save it and publish.

In USERS we have all users, Add new  and Your profile. And also in users we have username, name, e-mail, role and posts. The role can be subscriber, contributor, author, editor or administrator.

Tools contains available tools  , Import, Export.

Settings contains general ,Writing  , Reading, Discussions and                  Media.

VIDEO:2: USING FREE AND PREMIUM PLUGINS:here the plugins contains installed plugins, add new and editor.

INSTALLING AND SET-UP ANGULAR JS:

In this, what we need are Text editor, local web server, angular js, bootstrap, UI bootstrap. Go to www.sublimetext.com and go to download link of your suitable operating system.

we also need a web server. Goto mamp:myapache-mysql-php and download it.

download angular js. There are bootstrap, angular-ui-bootstrap.

GO to “finder” window. In that you go to applications. then go to MAMP directory and then click htdocs and create a folder ng-cribs. Save this as index.html. we also need a javascriptr file as app.js

Copy the bootstrap links and paste it in index.html. Now go to google and type localhost/ng-cribs/

now we will get a message as Hello ng-cribs! (what we had typed in index.html). Now go to view page source. Then we will get angular js and bootstrap links in good way.

CONTROLLERS AND VIEWS:

MVL means MODEL-VIEW-CONTROLLER.

MODEL: Database communication

VIEW: content displayed on screen

CONTROLLER: Ties the model and view together.





THANK YOU