I am G.Maneesha.
From these course videos i have leareaned a lot of data.i learned about html , html5 , javascripts , css ,jquery , css3 , avanced jquery , php,mysqul data bases , word press.
Folder-1.
Video -1.
Ultimate Web designer course. This is an introduction of Web development. And ala design development.
Video-2.
What you get in the course.Html,css,css, j query, photoshop,WordPress, javascript, php,mysql. In each course we have series of sections.
Video -3.Adobe photoshopfor .
It is expensive. For free trail we have gimp and pixlr sites.For 30 days we have adobe.com /photoshop. It is of free trail. All free fonts,graphics,visuals…etc.,
Video-4
How much you should charge. We have to know each and every details of project. bradhussey.ca for free trails.
Video-5
Introduce wrap up what you’ve learned. Freelanceprojects,websites,photoshop .Good understanding questions and problems.
Folder-2.
Introduction to visual design.
Video-1.
Basic elements – we have elements like- lines,shapes, colour palate, texture,form and typography. We have 7 principles of visual design Balance,Rythm, Proportion,space,dominance, hierarchy,unity.
Video -2
Principles Contact, Repetition, Alignment, proximity.
Video-3
Typography. I have leaned about serif typeface,sans-serif typeface,basic typeface
.Video-4.
Science of colours.I have learned about the types of colurs we have they are likePrimary,secondary,tertiary colours.
Video -5.
Designing with grids . We have approaches like single column, multi column,modular column, hierarchical column.
Video-6
Wrap up We have 3 books of visual design mainly. 1.BIG BRAND THEORY. 2.THINKING WITH TYPE. 3.100 IDEAS THAT CHANGED GRAPHIC DESIGN. We have 3 websites. 1.smashingmagazine.com. 2.ilovetypography.com. 3.tjedesignblog.com. And have learned the word press videos also about Plugins, word press themes,Xtheme,word press security, word press Ecommerce. So I have learned 3 fo Folder -3
Introduction to Adobe Photoshop.
Video -1
INTRODUCTION TO PHOTOSHOP
I learned about the introduction of photoshop.
Video -2.
Creating photoshop document.
I learned how to create photoshop document.
Video-3.
Photoshop environment tool bar-1.
I learned about the tools that are used in photoshop.
Video-4.
Photoshop environment tool bar-2.
I have learned about all the tools.
Video-5.
Photoshop palates.
We must know specific details.
Chose the all types of selections .
Vieeo-6.
Photoshop menus.
We have menus like edit,
Types,select filter, 3D,view window help.
Video-7
Photoshop enhancement.
Video-8 Photoshop project 1
Video-9 Photoshop project 2
I have layered about the projects of photoshop who to do the edits.
Video-10.
Wrap up of photoshop.
Folder-4
Introduction of Web desinging, websites and photoshop.
Video-1.
Introduction .
Video -2.
Jargon and prod use.
Jargon means some words which are like buzz words.
Mainly of 5 words.
1.
MOOD BOARD.
2.WIRE FRAME.
3.ROUGH.
4.COMP.
5.MOCKUP.
I have learned all the buzz words the meanings of the words.And the sketching of the design.
Video -3.
The four phases of a Web design project.
1.DISCOVERY PHASE.
2.CREATIVE PHASE.
3.DEVELOPMENT PHASE.
4.LAUNCH PHASE.
I have learned about the phases before designing the projects the steps are to be taken to handle the designs.
Video -4.
User experience design.
Before starting a project we should have a discovery phase.which focus on user experience design.
We should have UX design.
Make Good UX design.
UX design is important to the user.
Video-5.
Anatomy of a website design
Every design has own way creating layout.
We have common elements like.
Header and navigation.
Call to action.
Primary content.
Secondary content.
Slide bar.
Footer.
Video-6.
960 Grid system
Here we see photoshop grid system.
Website –960.gs .It is of 960 pixels.
It gives responsible frame works.
A bunch of members.
Video-7.
Web design project -1.
It is of project of landing page.
Video-8
WWeb design project -2
Redesign a blog of landing page.
Video-9.
Redesign a blog landing page.
Tutorials.
Video -10
Wrap up.
Folder-5.
Video-1.
Difference between challenge and project had explained in this video.
Video-2.
Create a site map.
Start with discover phase.
Spread sheet,top level pages,sub level pages organise them.
Video -3.
wire frame of layouts.
Begin sketching and wireframes if the page.
Video-4.
Design your website.
Video-5.
Getting feedback.
We can use free tools use it and share the feedbacks.
Video-6.
Wrap up
Folder-6
Video-1.
Introduction to html.
Video-2.
What is html.
HYPER TEXT MARKUP LANGUAGE.
it consists of tags ,attributes, elements.
It has <opening> and </closing> tags
Video-3.
Basic structure of a website.
URL most case sensitive.
No spaces.Special characters.
Video-4
Code editors
We have editor like.
Coda 2,Barbones,notepad++,Sublime text, bracelets.
Video-5.
Hello world.
First Web page.
Video -6
Wrap up.
folder-7:Intermediate to HTML
Video-1:
Introduction of HTML
I have learned the introduction of HTML
Video-2:
Basic structure of an HTML document.
I have learned the basic structure of HTML
<html>
<head>
<title> My first webpage <title>
</head>
<body>
Hello World
</body>
</html>
Video-3:
Heading Tags
I learned about Heading Tags
I learned are g b heading
<h1><h2><h3><h4><h5><h6>
where <h1> is larger font
<hb>is smaller font
Video-4:
Strong emphasis
<em> </em> = this tag shows the text in itlaic form
<strong> </strong> = this tag shows in dark brightned text
Video-5:
Hyperlinks
It links the one file to another file
It opens in another browser
Video-6:
Lists
there are 3 types of lists
1) unordered list
2) ordered list
3) description list
video-7:
Images
How to insert the images. there is no close tag.
it will be like <img str=path>
Video-8:
Tables
How to write the data into the tables by using <table> tag
Video-9:
Forms
How to write the forms
Video-10:
Special entites
They are like ©,&ang,&veg,&vaquo
Video-11:
Basic webpage
By using all tags,forms,tables,images creating the web page.
Video-12:
Wrapup
folder-7:Intermediate to HTML
Video-1:
Introduction of HTML
I have learned the introduction of HTML
Video-2:
Basic structure of an HTML document.
I have learned the basic structure of HTML
<html>
<head>
<title> My first webpage <title>
</head>
<body>
Hello World
</body>
</html>
Video-3:
Heading Tags
I learned about Heading Tags
I learned are g b heading
<h1><h2><h3><h4><h5><h6>
where <h1> is larger font
<hb>is smaller font
Video-4:
Strong emphasis
<em> </em> = this tag shows the text in itlaic form
<strong> </strong> = this tag shows in dark brightned text
Video-5:
Hyperlinks
It links the one file to another file
It opens in another browser
Video-6:
Lists
there are 3 types of lists
1) unordered list
2) ordered list
3) description list
video-7:
Images
How to insert the images. there is no close tag.
it will be like <img str=path>
Video-8:
Tables
How to write the data into the tables by using <table> tag
Video-9:
Forms
How to write the forms
Video-10:
Special entites
They are like ©,&ang,&veg,&vaquo
Video-11:
Basic webpage
By using all tags,forms,tables,images creating the web page.
Video-12:
Wrapup
folder-8:
Video-1:
Intriduction to HTML-5
In this we learn more tags of HTML
Video-2:
ID’s and classes
ID’s are uniques
classes are global
It means there have some styles and features for fonts and styles
Video-3:
Span and DIV tag
there arev like sample and silly tags. DIV means block level tag elements
span means line element.there are like bodset
Video-4:
HTML-5
In the HTML-5 we have the tags like
<header> = it is of heading type
<nav> = it is a navigation bar
<section> = it is of sections
<aside> = aside the page
<div> = it divides the page
<footer> = ending if page
Video-5:
HTML-5 project
this is of HTML project by using all the tags we have to design the webpage
Video-6:
wrapup
folder-9
video-1.
INTRODUCTION OF THE HTML
this is an introduction of the html-5
it is an introduction of all tags.
video-2
html input links.
here we use html
links for the label tag also to describe it like in their forms also
like eg <label for=”form_email>
video-3
make html-5 comptatible with internet explorer.
by using the html we can also make it comptitable with internet explorer.we have the techniques.
video-4
html data attribute.
we have the attributes by own. we can consider and fix the length.
we can take our own to create the attributes for the particular data.
video-5
html wrap up
it gives the wrap up and what are futher learning and whats next.
folder-10
INTODUCTION TO CSS
video-1
essentials of css.it is a lerning system section.download course files.
video-2
WHAT IS CSS.
cascading style sheets.it is for presentation.
it is like the rule
h1
{
font_size:24px;
font_family:orange;
colour:blue;
}
video-3
inheritance of styles.
we define of different styles for parent and child also or parent styles get to children.
video-4
measurements and the box model
px-pixels.
%-percentage.
em and rem.
box model-it apperrs within a box layout of a page.css trreats all elements in tghe same way.
video-5
inline css
inline css means the style tag consider inlinely whee you want to make changes.
<p style=”color:orange; border:1px;>
video-6
internal css
the style sheet will be taken at internal part of the coding.
h1
{
color:orange;
font_size:50px;
}
video-7
external css
here the style css will be write or save in another file
<link rel=”style sheet” type=”text/css” href=”style.css”>
video-8
id and class sectors.
#id main_title{ }
.section header{ }
video-9
descendant selectors.
by selecting the particular selectors
eg: primary_box
eg:secondary_class
eg:secondary_box p em
eg:primary_box_h2
video-10
grouping selectors
it is directly of by grouping selectors.
eg: .primary_box,secondary_box
{
marigin;
}
video-11
specificity
in css we have some specificity.we have fun resoureces on the web called as specificity calculator which allows you to type of groups of selectors.
url link: http//specificity.kegan.st//
video-12
css project
by using the html tags create a page and use style sheets.
video-13
wrap up and whats nwxt.
folder-11
video-1
intermmediate of css
video-2
colours
html has colour values
we hve some websits like w3 schools
we can see the of colours of html numbers.
colours sorted by hex values.
video-3
text styling and formatting
styling stylesheet.css
video-4
css border
we have borer pixels for classes,boxex and id
video-5
background images
we have the image backgrounds by usimg the image tags.
video-6
styling links
this is of styling links.
video-7
wrap up and futher learning.
folder-12
advanced css
video-1.
intoduction of avanced css and this techniques.
video-2.
styling web forms
different tyes of styles for the web forms using the tag <link> also
video-3
block,inline and inline block.
block-the majority of elements are defined as block elements.
they take whole line in the browser.
inline-doesnot take the whole line.
block_inline-hybird between inline and block.
video-4
understanding flat clear once and for all
we can use clear and clear the data.
<div class=”clear”>
clear
{
clear:both;
}
video-5
relative,absolute and fixed positions
the positions of the relative ,absolute and fixed positions.
video-6
css project build with google.
A css project with build as google by using all style sheets and tags.
video-7
css project build with google home page part-2.
video-8
outro wrapup
wrapup of the advanced cs and whats next topics.
folder-13
video-1
what is css3?
introduction of css3
it is an advanced of css style sheets.
video-2
css box size and round corners
see w3 schools for css3 box sizing.we browse by chrome in webskit browser.
eg. _website_border_radius:100px.
video-3
css3 colour gradients.
we use rgba
rgba means red green blue alpha
alpha means transparent capacity.we can use this for saturation.
video-4
css shadows
we can also have shadows in the box.
box_shadow:10px 10px 15px
text_shadow:-10px 10px
video-5
css3 columns
eg.newspaper as we seperate the topics are added in same page .thiis is done by usinf css columns.
video-6
css animations and transitions
we have animations nd transistions by using animation duration,delay,box,function.
video-7
projected animation buttons
same as animations whivh are used in button class.
video-8
css3 project2 code an orbiting planet animation.
video-9
css3 project2 code an orbiting planet animation part-2.
video-10
wrapup video.
folder-14.
video-1
html css challenging design in html put in photoshop document.
video-2
how to slice a photoshop design convert it into html css.
video-3
how to slice bonus tutorials
in this folder we learn the photoshop document ass using and challenging by tag html.
folder-15
video-1
introduction of java scripts.
IT is a object oriented programming language.
it is different from html and stylesheets.
video-2
internal and external javascripts.
eg:<script type=”text/javascript”>
document getaElementID(output).
innerHTML=”this is a sentence”.
video-3
basic syntax of javascripts
it is not same as java.it is a additional programming language.
java is not short as likee of javascripts.
statements in java scripts are:
1.values.
2.keywords.
3.expressions.
4.operators.
5.comments.
video-4
java script output
it is has alert boxes.
video-5
java script varaiables
var a=10;
var b=20;
var c=a+b;
video-6
java script arrays
eg.for(var=0;i<length;i++)
video-7
javascript functions
video-8
java script if else statements
video-9
java script program a tip calcuulator.
video–10
java script program a tip calcuulator tutorial.
video-11
section outro and wrapup
folder-16
video-1.
intoduction to jquery
jquerey can do everything.it has more power.
video-2
download and install jquery
website-www.jquery.com
video-3
the simple syntax of jquery
$(function())
{ alert(“hello”) }
note: api.jquery.com-it is of methods wht are available in jquery.
video-4
jquery selectors
script.js
$function()
{
$(button).click(function()
{
$(‘#box’).fadeout(1000);
};
video-5
jquery event methods.
$((‘#box’).click(function())
{
alert(“you just clicked the box”);
};
folder-17
video-1
intermmediate of jquery
video-2
jquery chaining.
the chaining of jquery of the scripts.
video-3
hiding,showing,fading content with jquery.
the hiding ,showing and fadding content of the jquery.
we can hide and show the content of jquery.
video-4
the jquery animation
video-5
modifying css with jquery.
video-6
jquery project mini race car game tutorial.
video-7
wrap up and futher leraning and whats next.
folder-18
video-1
section intro what is jquery UI course files.
video-2
jquery UI draggable.
UI user interface. website-https://jqueryui.com.
it is highly interactable.it is perfect trace.
install jquery UI.
eg.$(‘.box’).draggable();
eg.$(‘#box1’).draggable({ scroll:true,revert:{‘invalid’}
});
video-3
jquery UI droppable
eg.$(‘#droppable’).dropable({}
);
video-4
jquery UI sortable
eg.$(‘sortable’).sortable(
connectionwith:”#sortable”);
video-5
jquery UI accordion
eg.$(‘#accordion’).accordion({
});
video-6
jquery UI datepicter
it is of date setting and day asv like calendar
video-7
jquery project to do list web aplication tutorial.
video-8
wrap up of jquery.
folder-19.
video-1
bootstrap inroduction.
video-2
getting started with bootstrap
bootstrap install.
www.getbootstrap.com
we have bootstrap,source code,saas services and examples.
video-3
quickly protocol with examples.
eg.using frame works,navbars,custom components,template,built in functions,bootstrap started template.
video-4
understanding the bootstrap grid system.
getbootstrap.com/css/#grid.
bootstrap column griding.
video-5
responsive and forms.
getbootstrap.com/css/#forms.
video-6
responsive tables,buttons and images.
eg.default buttons,button styles,button sizes and block level buttons.
video-7
helper classes and responsive utilities.
getbootstrap.com/helperclasses.html.
video-8
bootstrap using and glyphicons font icons.
www.glyphicons.com download
it is used in web designs.we have icons and logos .
there are of 250 icons.
video-9
bootstrap nav bar
it is of horizontal bar.
video-10
bootstrap modal window.
it is of launc demo modal.
video-11
bootstrap toggable tabs.
video-12
sliding carousel.
video-13
wrap up and futher lerning.
Folder-20.
advanced bootstrap challenge.
Your challenge convert your custom website into a responsive bootstrap site.
take the design or build the css in challenging way.now put the entire code in the bootstrap.utilize the codes and htmland all css by bootstrap .
share the feedback and messages you want to share.
Folder-21.
web hosting domains.
video-1.
section intro what is web hosting.
it is a quick and speed.it is the method and hosting how we can put or set the website on the web pages.
video-2.
purchasing a bundled domain name hosting package.
domain naming and web hosting.there are several factors.we must transferthe website,rename it,hosting the website,creating new website.
websites-www.justhost.com.
www.godaddy.com.
sign up the websites and select the plans to create it.
video-3
the hosting control pannel.
back end to the hosting account.
website-my.justhost.com.
syntax:
we hosting,accounts and domains.
we also have FTP account to create and manage.
video-4
section outro wrap up and whats next.
folder-22
PHP INTRODUCTION.
video-1
php-hyper text preprocessor.
it is a popular servicing side programming langage and webdesigning.we can program directly.
video-2
PHP syntax
syntax
<?php
print(“hello world”); (or)
echo(“hello world”);
?>
video-3
php arrays,associative arrays and multi dimensions.
$user=array{
“jhon”
“32”
“male”
“mexico”
}print $user[0]</br>……$user[4].
video-4
PHP project program an app to fix click bait headlines tutorials.
video-5
PHP project click bait headlines.
video-6
section outro wrap up and whats next.
folder-23
video-1
intermmediate of html.
video-2
if else statements.
eg;
if(expression)
{code to execute;}
else
{ …}
website-www.w3schools.
php opertaions and opertors.
video-3
php loops.
we have loops like for,foreach and while.
video-4
php aruguments anf functions.
eg;function myfun();
we have withand without argument.
video-5
GET and POST methods.
eg;1.<form action=”form.get.php” method=”get”>
eg;2.<?php echo $_GET>
video-6
php project convert a static website into a dynamic php site tutorial.
video-7
section outro wrap up and whats next.
Today I have learned the topics which are described in WordPress.
Video-1.
Introduction of WordPress. There are of 2 types. It is a world popular management system.
Vdeo -2.
How to install word press .
The steps how to install the word press .
Video-3.
Dashboard.
How it is used it is explained in this video. I learned how to insert pages,media’s and post.
ReplyForward