I’m Srujana. In this article i’m going to share “What i’ve learned from the course videos”.
From the Video 01:
Introduction Why This is The Only DesignDevelopment Course Youll Ever Need.
From these videos i’ve learnt photoshop using different tools .I also know about the skills needed for web developer to complete the projects.
VIDEO 02:
Introduction to web design .
From these videos I’ve learnt about:
The basic element principles of visual design are:
- balance
- rythmn
- propotion
- space
- dominance
the hierarchy unity crap principles are:
- C-CONTRAST
- R-REPETION
- A-ALIGNMENT
- P-PROXIMITY
TYPOGRAPHY BASICS-
- In this video I learned about What is Serif?
video-3: Introduction to photoshop.
From the video-3: I have learned about “The four phases of a Web Design Project Cost Estimates”.
Adobe Photoshop Adobe Photoshop is very easy to understand and make websites as a web designer. We get results in it easily. We can also create some web graphics and designs for business.
-> Creating Photoshop document Is used for modifying or editing images. We open a file with the filename and many features are available in Photoshop like preset, size, content ,colour profile ,mode and ratio.
-> Photoshop environment Adobe Photoshop is a creative version. We can drag images from desktop to Photoshop document. You shortcuts For tools and edit images and text. -> -> We can make magic out of this Photoshop. Shapes, colour ,strokes ,resize, border are available in Photoshop along with graphic design.
-> Photoshop environment palettes,. From different options in Photoshop we can create pallets, layers, case, enlarge ,screen dark ,customise and ,styles in Photoshop.
-> The menu Many options are present in Photoshop as directory hdr, adjustment ,tone colour, style, mode, blur in the menu.
-> Enhancement manipulation Scenery can be changed in Photoshop using the tool for location. It is mostly used in creative market. We Remove unwanted background and manipulate images in Photoshop.
video 4:-web design and phtoshop.
I lerarned about basic tools like wirw framing,mood board,rough,comp,mockup, and abouy users.
Different phases about web design:-
1.Discovery phase
2.creative phase
3.development phase
4.launch phase
–> learned about tools and strategies of user experience ux design.,Blog landing page,free photoshop downloads.
Video-5:Advanced Web Design Challenge
we learned about challenging works in designing.About:
–>creating sitemap,sketching wire frame.
–>phase design in photoshop.
–>getting feed back on design.
–>Flasties tool for designing and sharing concepts.
video 6: Introduction to html
–>I have learned about basic structure of html.
–>i have learned about heading and paragraph tags,its emphasis,hyperlinks,lists,inserting images,tables,entities.
–>also learned about creating web pages easily by using forms.
video 7:-Advanced html and html html5
I have learned different topics on:
–>Introduction to html.about its ID’s and classes.
–>Div and span tags.About web pages. Introduction to expert html5.
–>Coding a web page using html5,html inputs such as labels,range,,form-num…and coding through internet explorer.data attributes in html5.
video 8:-about css topics
—> I learned about basics of css like syntax,selectors,properties,values,inheritence of styles.measurements,margins,inline elements,inline css,descendant selectors,box models,external css,ID and class selectors,grouping selectorsand design a web page.
video 9:about intermediate css
–> understood introduction about intermediate css,different colors in web page.And also learned about:
–> text formatting using different styles,borders with different box shapes and sizes,background images and styling different links.
video10: About css3 introduction.
–> Learned about how tyo change sizer of box and shape,gradients and transparecy of colors using css3,creating shadows of texts,divinding coloumns,creating animations,buttons,edit different images in photoshop,orbit animations of earth and moon using css3.
video 11:About Advanced css introduction.
–> Learned about styling forms,inline elements and blocks,float and clear pages using css,positioning such as relative,absolute,fixed,code for google landing page,style sheets for google landing page,photo shop development,and publish in css validator.
video 12: About javascript introduction.
–>About syntax,statements, and case sensitive,of javascript.Its java script output,variables,js arrays,functions,code for calculator, and ifelse functions in java script.
video 13: About jquery introduction.
we understood about jquery introduction,download and install it,syntax of jquery,event methods using jquery and jquery selectors.
video 14: About intermediate jquery introduction
–>we learned about jquery chaining,code for hide and share content,animations,code for car race,modifyinmg css,jquery ui,code for draggong and drop,sorting code,accoprdation,date picker, and listing.
video 15: About Bootstrap introduction.
–>Introduction to bootstrap responsive design.
–>get started with bootstrap,examples,grid system in bootstrrap,craeting responsive forms,tables,buttons and images.also learned about bootstarp helper classes.
video-16: Introduction to web hosting
–> purshasing domains and hoisting,understanding cpanel,ftl and uploading website,and learned about websites.
video 17: Introduction to php
–>php syntax,variables and constants,click baits headlines,arrays in php,functions,different loops lkike while,for,foreach, and dowhile,arguments,get and post, if else statements.
video 18:introduction to database
–>learned to establish a connection between database and php.
–>learned how to select data from database from webpage,and insert data to web page,password hashing,sessions using php,login form using php,html and my sql.
–>creating address book using php ang my sql.
video 19: Introduction to wordpress.
–> understood about wordpress.com and wordpress.org.
–>to install,login ,piugins and apply customize themes.dashboard i.e,jetpack,posts,media,appearance,users..etc.how to apply wordpress sites,Xtheme,and their usage.wordpress security,its open source,and back up deatails.publishing products.
video 20: Introduction to career options.
–> I have learned about cultivating career,success,freelance working,quiting job,writing resume,angular js,http,creating n editing data and custom filters and interfaces.
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
Iam Suripalli Harika from It Startup Internship I viewing course folder videos From this course I have learnt about many good tools which are very helpful and I also gained some basic knowledge about web designing.
In this article I am going to share “What I have learned from the course videos”
From the video-1:Introduction to Why This is The Only Design Development Course You’ll Ever Need
- From these videos I learnt about the photoshop using different tools.
- next I participated in photoshop quiz and secured 100%marks
video-2: Introduction to web design
From these videos I learned about
- The Basic Element Principles Of Visual Design are
- balance
- Rhythm
- Proportion
- Space
- Dominance
- Hierarchy
- Unity
- CRAP Principles
- whereC-CONTRAST
R-REPETION
A-ALIGNMENT
P-PROXIMITY
Typography BasicsIn this video I learned about What is Serif?
- Designing with grids
Olden Days: The grid before “graphic design”
video-3: Introduction to photoshop.
From the video-3: I have learned about “The four phases of a Web Design Project Cost Estimates”. Some tools used in UX DESIGN like OmniGraffe(Mac only), Visio(PC only) etc..
Video-5: Advanced Web Design Challenge
video-6: Introduction to HTML
I have learned about “The Basics Elements of HTML” and this is my sample program in html.
video7-Introduction to css:
CSS, or Cascading Styles Sheets, is a way to style and present HTML. Whereas the HTML is the meaning or content, the style sheet is the presentation of that document.
Styles don’t smell or taste anything like HTML, they have a format of ‘property: value’ and most properties can be applied to most HTML tags.
There are some important properties of css like
- Applying CSS – The different ways you can apply CSS to HTML.
- Selectors, Properties, and Values – The bits that make up CSS.
- Colors – How to use color.
- Text – How to manipulate the size and shape of text.
- Margins and Padding – How to space things out.
- Borders – Erm. Borders. Things that go around things.
- Putting It All Together – Throwing all of the above ingredients into one spicy hotpot.
This is the sample css backgruond program.
h1 {
background-color: green;
}
div {
background-color: lightblue;
}
p {
background-color: yellow;
}
- video8-Intermediate css:
- Class and ID Selectors: Make your own selectors without the need for sticky-backed plastic!
Grouping and Nesting: Properties assigned to multiple selectors or selectors within selectors.
Pseudo Classes: Defining various states of a link selector.
Shorthand Properties: Various properties, such as borders and margins that amalgamate other properties into one.
Background Images: Guess.
Specificity: How a browser will deal with conflicting CSS rules.
Display: Specifying the characteristics of a box.
Pseudo Elements: Styling first letters, first lines and placing content before and after elements.
Page Layout: Floating and positioning boxes. -
video9-About css3 introduction.
–> Learned about how tyo change sizer of box and shape,gradients and transparecy of colors using css3,creating shadows of texts,divinding coloumns,creating animations,buttons,edit different images in photoshop,orbit animations of earth and moon using css3.
video10-Advanced css:
- Rounded Corners: Corners. That are rounded.
- Shadows: Adding “pop” to boxes and text.
- Universal, Child, and Adjacent Selectors: More precise aim with clever selectors.
- Advanced Colors: Alpha transparency and HSL.
- At-Rules: Importing style sheets, styles for different media types, specifying the character set of a stylesheet and embedded fonts.
- Attribute Selectors: Targeting boxes by their elements’ HTML attributes.
- CSS Transitions: Creating smooth animations.
- Backgrounds: Multiples, Size, and Origin
- Transformations: Molding the size and shape of a box and its contents.
- Gradients: Linear and radial gradients without image files.
- Media Queries: Optimizing pages for different devices and screen sizes.
- video11-Introduction to javascript:
- JavaScript is a very powerful client-side scripting language. JavaScript is used mainly for enhancing the interaction of a user with the webpage. In other words, you can make your webpage more lively and interactive, with the help of JavaScript. JavaScript is also being used widely in game development and Mobile application development.
- JavaScript was developed by Brendan Eich in 1995, which appeared in Netscape, a popular browser of that time.
A sample javascript program:
You should place all your JavaScript code within ) if you are keeping your JavaScript code within the HTML document itself. This helps your browser distinguish your JavaScript code from the rest of the code. As there are other client-side scripting languages (Example: VBScript), it is highly recommended that you specify the scripting language you use.
<!DOCTYPE HTML>
<html>
<body>
<p></p><script>
alert( 'Hello, world!' );
</script>
<p></p>
</body>
</html>video12-Introduction to jquery:
jQuery is a lightweight, "write less, do more", JavaScript library. The purpose of jQuery is to make it much easier to use JavaScript on your website. jQuery takes a lot of common tasks that require many lines of JavaScript code to accomplish, and wraps them into methods that you can call with a single line of code. jQuery also simplifies a lot of the complicated things from JavaScript, like AJAX calls and DOM manipulation.
jquery sample program:
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#flip").click(function(){
$("#panel").slideDown("slow");
});
});
</script>
<style>
#panel, #flip {
padding: 5px;
text-align: center;
background-color: #e5eecc;
border: solid 1px #c3c3c3;
}
#panel {
padding: 50px;
display: none;
}
</style>
</head>
<body>
<div id="flip">Click to slide down panel</div>
<div id="panel">Hello world!</div>
</body>
</html>
The jQuery library contains the following features: HTML/DOM manipulation CSS manipulation HTML event methods Effects and animations AJAX Utilities Tip: In addition, jQuery has plugins for almost any task out there. Many of the biggest companies on the Web use jQuery, such as: Google Microsoft IBM Netflix The jQuery library is a single JavaScript file, and you reference it with the HTML
video13- About intermediate jquery introduction
–>we learned about jquery chaining,code for hide and share content,animations,code for car race,modifyinmg css,jquery ui,code for draggong and drop,sorting code,accoprdation,date picker, and listing.
video14-Characteristics of PHP:
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.
video15-Introduction ti 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.
video16-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.
video17-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.
VIDEO18-: 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.
USING FREE AND PREMIUM PLUGINS:here the plugins contains installed plugins, add new and editor.
video19-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.
video20-Introduction to career options:.
–> I have learned about cultivating career,success,freelance working,quiting job,writing resume,angular js,http,creating n editing data and custom filters and interfaces.
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
Iam Gayathri Pudipeddi. Iam writing this article to share what have I learnt from "Summer Internship Program " offered by "Harmony Infotech".
Iam a student from Dr.L.Bullayya College of Engineering For Women. I have been asked to go through a set of videos under Common Video Folder. I have seen the videos and learnt that what a web developer is capable of & what one should acheive regarding the languages i.e.,what are languages required to be accomplished by the one who want to be a web developer.
Here are the things I learnt about a web developer:
There are 3 types of Web Developers :
– Front End Developer/Web Designer (HTML, CSS, Front-End JS).
– Server Side Programmer (PHP, Python, Node.js, Rails, Java).
– Full Stack Development (Front and Back End Development).
I learnt from the videos of common folder about the tools available for web development and tips on how to code effectively.
I learnt automation hacks to make complex works completed easily with some techniques.And also learnt how to setup Ubuntu for web development. I have now came to know about the ultimate tools and resources for web development.
Here are some free tools to find bussiness fame:
TOOL 1: business name generator
SHOPIFY- it is e-commerce paltform an it provides many ideas to relatedour business.
TOOL 2: bust a name – this will used to generate domain name or brand name.
TOOL 3:BiznameWiz – this website different from others.
TOOL 4: nameboy – it also generate domain name.
Here are the tools for creating animated gifts:
- Imgflip
-imgur
-animated gif maker
-gifrun
-make a gif
-giphy
I even got to know the tools available to record your screen and an alternative to photoshop & I find it very interesting.
Here are some free tools for creating web marketing graphics :
The tools are :
-canva
-fotor
-fotojet
Some websites to find word press jobs :
-jobswordpess.net
-codeble
-wphired etc.
I have learnt many things and tried them myself . The tools specified in the videos are very helpful.
This is all about what I learnt.
Thank You
I’m Krishita Priya Dasari from your IT startup internship. I started viewing these videos from 15th may. In this summary article i’m going to mention about the things I have learnt from the common folder.
I started viewing these common course videos from MAY-15th onwards. From this common course I have learnt about many good tools which are very helpful and I also gained some basic knowledge about web designing.
Things that I have learnt from common course :
From video 1 : I have learnt about finding a web developer job with zero experience :
The three types of web developers
1.Front-end developer
2.Back-end developer
3.Full stack developer, And how to build our resume, networking, and some online resources.
In today’s scenario we need experience to get a job and job to get an experience.So first we need to be confident with what we have learnt.
One should be good at HTML, CSS and JavaScript to become a Front End Developer. To become a Back End Programmers we should be good with One Stack (LAMP, MEAN, etc).
There are 3 types of Web Developers :
– Front End Developer/Web Designer (from HTML, CSS, Front-End JS).
– Server Side Programmer (from PHP, Python, Node.js, Rails, Java).
– Full Stack Development ( from Front and Back End Development).
When we become a web developer, we must know about some common basics about web designing. I learned about different types of web developers and their skills.
Some basic tips to build resume.
From video 2 : tips on learning how to right code :
Learnt about:
- How to remember all the code : by understanding and grasping the concept.
- Action to be taken : Understand every line of code and re-create similar situations, make and fix mistakes.
- Do not stop coding : we have to code everyday and learn something new everyday.
As a web developer must create a brand and use the networking to grow our business .like social media, meet ups, etc.,
For job searching follow some online resources. ex: indeed ,portfolio website ,etc.,
From video 3 : Must known web-development tech :
Learnt about : Detailed view of web-development technologies.
Described about basic front-end,front-end developers,back-end developers with their appropriate tools,frameworks,languages & softwares.
As a programmer must understand the each line and do some changes in code to easily learn the coding.
•Must follow three principles in coding.
Those are:
-Keep it simple
-don’t repeat you’re self
-you aren’t gona need it
From video 4 : Setup linux ubuntu for web development
Learnt about : how to setup linux ubuntu for web development.
We can use different databases to storing data.
Example: rdbms, mysql, apache, mongo DB.
From video 5 : Chrome extension for web developers and web designers
Learnt about : Some of the chrome extensions such as Java script & CSS code beautifier , web developer , created git hub account for accessing gist box , PHP console , window resizer, colorzilla etc.
Adding some extensions to chrome for easily finding the java script code,errors in php,saving code etc.,
Design of Online airline ticket reservation system:
https://mail.google.com/mail/u/0?ui=2&ik=89c877759c&attid=0.0.1&permmsgid=msg-f:1628708010093742419&th=169a554e50788953&view=fimg&sz=s0-l75-ft&attbid=ANGjdJ_pcs4EulPfRCUvl_8sn-rGq-7vBTfyBwKhCHq07_77-0AwYKGdunTotjCrZrcN7SUwERRh9goeskJhJW-X3oMTFdJQjGoZj0baCkRtHxtNrCHH9S0nYlZugJk&disp=emb&realattid=ii_jtk0rsz20
From video 6 : Emmet for faster HTML & CSS workflow :
Learnt about : Installing “emmet” , a tool for web development for faster HTML and CSS workflow. .Emett is the popular text editor to provide faster html and css work flow.
•Atom is the another text editor and introduces by github.
I have designed a Online Airline ticket reservation system home page also…
From video 7 : Automation hacks for entrepreneurs lightning around :
Learnt about : Inspiration for Automation , hacks to grow & Engage your audience : learnt how to engage audience by following back new followers,hacks for finding new costumers,hacks to become the master of your personal work.
- Created zapier account and linked zapier with twitter account. We can follow 11 hacks for developing business as a entrepreneur.
•We can retwitt the followers and giving reply message to the followers to developing business.
•Face book ads, contact form for customers, providing templates in social media is the better way for finding customers.
•Using zapier sending mails to the customers and reply back to the mails.
•For developing business we can use tools like, zapier, buffer, clandely and streak ,etc.,
•When join any course, we can politely ask for reviews and send the feedback form to the people.
From video 8 : Use some tools and resources to host your websites and for growing business.
•Some websites can provide some resources and tools to creating free gifs , recording screen.
•Example: imageflip, imgur, giphy, etc.,for for recording screens: atomi, camstudio, ezvid, etc.,
•Some tools and resources can be used to creating web graphics and passive income as a freelancer web graphics.
•Some websites can provide tools and resources for using stock images, music in commercial and personal projects.
Example: free music archive, youtube, vimeo music and etc., for images: pixabay, stock snap, free stock, etc.,
12 websites can provide passive income freelancer jobs as a writer.
Example: stackoverflow, smashing, codeable, word pressand etc.,
From video : ultimate tools and resources for entrepreneurs:
Learnt about –
- Free tools to find business name : implemented some of the tools in finding bussiness names.Some of the websites are :
- Shopify
- Bust a name
- Biz name wiz
- Name boy
Free tools to create animated GIFs : tools such as
- Animated gifs
- imgflip
- imgur.com
- gifs.com
- gifrun.com
- make a gif.com
- GIFY
I have created a gif from gifs.com
- https://j.gifs.com/L7PRlD.gif
- https://j.gifs.com/wVklAr.gif
Free tools to record your screen : implemented tools such as
- cam studio
- icecreammaps.com
- ezvid,atomi
- screen press o
- bandicam
Alternative tools for photoshop : implemented tools such as :
- photo pos pro
- GIMP
- PIXLR editor
- photopea
- photo.net
- canva.com
- fotor.com
Edited the photo by changing its background and adding some text.Here is the photo
I have designed a poster using canva.com:
I have done with some logos for designer clothes(Libaas)
Free tools for creating web marketing graphics :
- The tools are :
- canva
- fotor
- fotojet
I have also done with an advertizing video for ADORHER , which is about earrings….
Websites to find word press jobs :
- jobswordpess.net
- wpmedev,codeble
- wphired etc.
From video : automation hacks for entrepreneurs lighting around :
I have learnt about :
This video has 11 automation hacks for entrepreneurs lightning around.And my 3 favorite hacks are :
- Social media
- Finding customers
- Personal Productivity
These hacks will accelerate our growth as an entrepreneur.
- We can retweet the followers or can give a thank you message or just a thank you tweet for increasing our business for maintaining good relationships with the costumers.
- Finding questions on twitter and other social networking sites and targeting the right people, promoting our business through face book or other social networking sites ads , creating contact form for customers, providing templates in social media are the better ways finding and attracting more no.of customers.
- Master your inbox with streak to get more personal productivity.
- Using zapier for sending mails and replying back to the mails of the customers decreases workstress and makes the work easy and takes less time.
- And for developing the business we can use tools like zapier,socedo,buffer,calendly,cognito forms and streak etc.
Thank you
CHECK OUT THESE ARTICLES
-know what's happening
-know what's happening
GO THROUGH THESE ARTICLES TO FIND SOME INTERESTING STUFF
Article 1:
Invader’s Game in 512 Bytes.
https://github.com/nanochess/Invaders
About the article:
The article reminded me about games that we used to play in our childhood. This articles allows users to download the code and run it on their own and have fun. You too have a look at how it works.
Article 2:
How do you value Drugs?https://www.baybridgebio.com/drug_valuation.html
About the article:
This article is all about around why there is so much investment in rare disease research these days, how “personalized medicine” can improve valuations, and how AI can (and cannot) change the “physics” of drug development.
Article 3:
The mysterious crystal that melts at two different temperatures.
https://physicstoday.scitation.org/do/10.1063/PT.6.1.20190606a/full/
This article reminded me about things that we have learnt in chemistry earlier. It is all about how a small variation can have a different impact. Do check out this article to find out what the scientists found.
In this article I am going to share “What I have learned from the course videos”
From the video-1:Introduction to Why This is The Only Design Development Course You’ll Ever Need
- From these videos I learnt about the photoshop using different tools.
- next I participated in photoshop quiz and secured 100%marks
video-2: Introduction to web design
From these videos I learned about
- The Basic Element Principles Of Visual Design are
- balance
- Rhythm
- Proportion
- Space
- Dominance
- Hierarchy
- Unity
- CRAP Principles
- where
- C-CONTRAST
- R-REPETION
- A-ALIGNMENT
- P-PROXIMITY
- Typography Basics
- In this video I learned about What is Serif?
- Designing with grids
Olden Days: The grid before “graphic design”
video-3: Introduction to photoshop.
From the video-3: I have learned about “The four phases of a Web Design Project Cost Estimates”. Some tools used in UX DESIGN like OmniGraffe(Mac only), Visio(PC only) etc..
Video-5: Advanced Web Design Challenge
video-6: Introduction to HTML
I have learned about “The Basics Elements of HTML”
and this is my sample program in html.
In the next video I learned about CSS where there are some important properties of css like.
The CSS background properties are used to define the background effects for elements.
CSS background properties:
- background-color
- background-image
- background-repeat
- background-attachment
- background-position
This is the sample css baackgruond program.
h1 {
background-color: green;
}
div {
background-color: lightblue;
}
p {
background-color: yellow;
}
CHECK OUT THESE ARTICLES
-know what's happening
GO THROUGH THESE ARTICLES TO FIND SOME INTERESTING STUFF
Article 1:
I grew up gifted, but life didn’t turn out the way I expected
https://www.cbc.ca/parents/learning/view/i-grew-up-gifted-but-my-life-didnt-turn-out-the-way-i-expected
About the article:
This article deals with a lady who thinks being gifted is getting success in academics and getting applause but later realizes that there are many other people who are better than her. She gets disheartened for the reason that she is not reaching others expectations. The article revolves around the lady who realizes ‘Failure is a much more Faithful teacher than Immediate Success’.
Article 2:
Bitcoin’s rally masks Uncomfortable Fact: almost nobody uses it.
https://www.bloomberg.com/news/articles/2019-05-31/bitcoin-s-rally-masks-uncomfortable-fact-almost-nobody-uses-it
About the article:
This article is all about one of the leading crypto currencies i.e., Bitcoins. It is envisioned to be used in everyday transactions but it is only being used by the merchant services. The problems of using Bitcoins are discussed. On the other hand the reasons why it has to be used are also discussed. They conclude believing that
Article 3:
how to block fingerprinting with firefox.
https://blog.mozilla.org/firefox/how-to-block-fingerprinting-with-firefox/
About the article:
This article is all about preventing annoying ads. Fingerprints, a type of online tracking techniques are created based on the choice of your web browser or the screen you use. These fingerprints that are created are used by the marketers to delay your online services or to publish annoying ads. This article discusses how to block these using Firefox.
I’m NIDDANI PRASANNA from Dr.Lankapalli Bullayya College of Engineering for Women joined in the “summer internship program” offered by “HARMONY INFOTECH”. I started viewing these common course videos from MAY-15th onwards. From this common course I have learnt about many good tools which are very helpful and I also gained some basic knowledge about web designing.
Things I have learnt from common video folder:
Finding a web developer job with no experience:
In today’s scenario we need experience to get a job and job to get an experience.So first we need to be confident with what we have learnt.
One should be good at HTML, CSS and JavaScript to become a Front End Developer. To become a Back End Programmers we should be good with One Stack (LAMP, MEAN, etc).
There are 3 types of Web Developers :
– Front End Developer/Web Designer (HTML, CSS, Front-End JS).
– Server Side Programmer (PHP, Python, Node.js, Rails, Java).
– Full Stack Development (Front and Back End Development).
Tips on how to learn codeing:
To become a good coder we must understand each line of the code and do some changes in code to easily learn coding. While writing a code we should make it simple so that there are less chances of getting error.
Must know web development tech:
It shows different categories present in web development and gives suggestion to choose the suitable course which is apt for us to use. It gives details about web development and its uses.
Setup Linux Ubuntu For Web Development:
In this video I learned about the installing of the apps in the Linux operating system . This video explain very briefly about the installing of the apps.
- Automation hack for entrepreneur:
- Inspiration for Automation
- Hacks to grow & amp;engage your audience
- Hacks for finding new customers
- Hacks to become the master of your personal work
- Bonus hack#1
Ultimate tools and resources for entrepreneur:
free tools to find business name: it can can used to grow our business and it have 4 tools that helps to generate business name
TOOL 1: business name generator
SHOPIFY- it is e-commerce paltform an it provides many ideas to relatedour business.
TOOL 2: bust a name – this will used to generate domain name or brand name.
TOOL 3:BiznameWiz – this website different from others.
TOOL 4: nameboy – it also generate domain name
Free tools to create animated gifs:
tools such as
- Imgflip
- imgur
- animated gif maker
- gifrun
- make a gif
- giphy
all the websites are used to create animated gif.
Free tools to record your screen : i learnt screen record like a pro.In this 6 softwares they are:
- camstudio
- icecream apps
- ezvid
- atomi
- screenpresso
- bandicam.
Free alternative to photoshop: :using Photoshop is sometimes bit expensive for such cases we have alternatives like
- photo pro
- gimp
- pixlr editor
- photopea
- photoshop express
- paint.ne
- canva.
- Free tools to create web marketing graphic
- The tools are:
- Canva
- Fotor
- Fotojet.
- Website To Find WordPress Job:
- jobswordpress.net
- wpmedev, codeble
- wphired etc
4 resources to make a passive income as a freelance graphic design finding a good client is the only thing that you need for your business and I learnt about all the 4 resources and the features that resources has.
i also learnt about the available source for finding pictures, videos, illustrations etc.
from this we can learnt about where should we find a royal stock photos for your business.
you can use them for your personal and for commercial use also. -we can find various photos, videos and illustrations etc that is under the cco license.
Later i learnt about the 8 tools for freelancer copy writer soucres, 8 tools to find unlimited royality free music for personal and commercial project’s .at the final i have learnt about 12 websites for word press jobs and there is a brief explanation about it .This is about the common folder.
THANK YOU.Leave a commentUncategorized31 Leave a commentUncategorized