SUMMARY ON COMMON FOLDER
I, YALAMANCHILI BHAVANA started this internship on 15th may and done with the common folder on 22 may. after starting this course i have learnt a lot of things and implemented some of them.this article is about the things that i learnt from the common folder.
01.how to find a web developer job with no experience:
i learnt about the three types of web developers, those are:
- front-end developer/web designer:HTML,css,front-end js.
- serve -side programmer:Php,python,node.js,rails and java.
- full stack developer:front and back end developer.
i also learnt how to create-an effective resume,networking the website and online resources.
02.tips on learning how to code :
*instead of remembering all the code ,understand and grasp the things is an efficient way of learning the code.
*code every day and learn something every day.
03.must known web development tech:
*brief explanation about the web designing-basic front end,basic front end developers etc.
04.setup linux ubuntu for web development:
05.chrome extensions for web developer and web designer:
known about many useful extensions for web developers like
*java script and css code beautifier.
*chrispederick.com for web developers
*gistbox clipper
*PHP console
*color zilla
06.Emmet for faster HTML and CSS workflow:
There are lot of syntaxes in which it is easy for us to code faster in HTML and CSS.
It is a toolkit for web development.
It contains different syntax which are easily capable to work with the codes
Automatic hacks for entrepreneur lightning : From this i learnt some hacks for how to grow audience using social media I.e grow and engage and there is a brief explanation about the zapier . also i learnt about the 3 hacks for finding customers
- find questions on twitter or reddit
- setup customer referrals. After that there is brief explanation about 4 personal hacks for increase personal productivity
- master your inbox with streak
- get a text for emails from or your boss
Ultimate free tools and resources for entrepreneur :
from this i learnt about the different tools that can be useful for the different purposes . the 1st lecture is about the 4 tools which is available for business name generation and is used for branding .
the four tools are:
1.www. Shopify. Com/tools/business-name-generator This is one of the e-commerce website and we can easily built our own business name
2.www.bustaname.com This is another tool for generating business name and we can also make our own domain from this.
3.www.biznamewiz.com/business-names.
6 free tools to create animated gifs: if we used animated gifs in our website then our website will be more engaged and will be more attractive,
GIF creation using giphy
https://media.giphy.com/media/110F1JFzWKtiA8/giphy.gif
7 free tools to record your screen like pro:Recording screen is really useful in our daily lives and the screen recording softwares are higher cost so this lecture is really helpful to everyone .
8 alternative tools for photoshop : As we all know photoshop is a must to have tools for any internet marketer, but it’s costly and not every one can afford that.
3 tools that can be available for creating web graphics : web graphics is the most current trend In the business deals .the three tools are:
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
I found this image in unsplash.com
Later i learnt about the 8 tools for freelancer copy writer sources, 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.
SUMMARY ON BASE COURSE
I’m y.bhavana. 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 Photoshop.
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 and my sql.
video 19: Introduction to wordpress.
–> understood about wordpress.com and wordpress.org.
–>to install,login ,plugins and apply customize themes.dashboard i.e,jet pack,posts,media,appearance,users..etc.how to apply wordpress sites,X theme,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.
HACKATHON EXPERIENCE
Hello This is YALAMANCHILI BHAVANA, Now I am going to share my HACKATHON experience part-1 held in our college.
At first we were asked whether everyone had completed all the tasks, Next every team has been given a virtual 300$ and each of us divided as
1.CEO
2coder
3.designer
DirectInvestment.com
Basically we learnt alot in Hackthon.
Our Team details are:
S L S K MADHU SHRIYA(CEO)
P RAMANI SREEJA(CODER)
R D S RAMYA(DESIGNER)
We all have ideas!
Ideas are the soul of creativity and development.
We can implement the ideas and work with them.
But as we know the major sector of people in India are not from a wealthy background.
Hence they find themselves in a crisis for capital investment which pulls them back and wont let them past through the idea. We will help you here.
You publish your ideas and we provide you with the investors.
The main goal of our domain is to help the people with ideas and no source of money with investors who can make them flourish.
All you have to do is provide the details and the stakes you desire.
We will take them to the investors. This can not only help you to spread your Idea but also avoid the need of mediators. All this for a nominal subscription fee of Rs. 1000/- per month.
Me and my team mates really felt very happy and glad to get oppurtunity as intern in Harmony Infotech for the web development course.
We learned the things from the common folder from which i learned the lot of new things which is useful for web development and also learned to design efficiently our website by using some ultimate free tools .
Feeling proud to get a chance to participate in this internship.
From 15th may to 21st may,2019.I covered 2 folders along with 6 videos in common folder.And also learned how to implement them.
Learned ABOUT:finding a web developer job with no experience.
The world has changed as to now, a lot developers exists who are self taught. A lot of web developers having the requisite skills . And the only reason why they are enjoying these perks is the sheer outcome of their hardwork and the dedication to self learn the requisite skills that are in demand in the IT industry .
front end developers:HTML/css/Js/JQuery
backend programmers: one stack(Lamp,Mean)
Server side programmers: PHP.python,node.js,rails,java
*created GITHUB account
*created logo for my website.
Learned ABOUT: Tips on learning how to code.
*we shouldn’t remember the code,we need to understand it.
*Grasp concept
*Make simple changes.
Learned ABOUT: Must known web development tech.
- Developing an app or a website typically comes down to knowing 3 main languages: JavaScript, CSS, and HTML. …
- Google Chrome – Currently, the most popular browser brought to you by Google.
- Firefox – Open-source browser supported by the Mozilla Foundation.
- Internet Explorer – Microsoft’s browser.
Learned ABOUT: set linux/ubuntu for we development
video 5:Chrome extensions for web developers
known about many useful extensions for web developers like
*java script and css code beautifier.
*chrispederick.com for web developers
*gistbox clipper
*PHP console
*color zilla
Learned ABOUT: Emmet for faster HTML and CSS
Emmet is the extending development of ZenCoding, which is written purely with JavaScript. While in this demonstration I’m going to use Sublime Text, Emmet is also available for many code editors including TextMate, Coda, Eclipse, Notepad++, and Adobe DreamWeaver.
There are lot of syntaxes in which it is easy for us to code faster in HTML and CSS.
Automation hacks for lightning round.
A technique of operating or ciontrolling process that functions automatically without continuous i/p from operator.
Automation can be easily done with zapier.if we link zapier account with insta and twitter then the post which we posted in insta can be be tweeted directly.here is my insta account which i linked to zapier.And i triggered twitter account which performs the action,
- I also made a gif from a video.my link for gif: https://media.giphy.com/media/hTxVhkP6rzMpM1Ov7I/giphy.gif
BASE COURSE:
It is about introduction about web designing i.e. what are the skills required for web designing, how to craft resume and negotiate a high salary etc.
LEARNT ABOUT:
In this course also i’ve learnt what are the skills required for web development as free lancer. The skills such as
- html html
- html5
- css
- css3
- java script
- jQuery1
- jQuery3
- Responsive
- php
- my sql
- Angular js etc…
HOW TO GET A FREE TRIAL OF ADOBE PHOTOSHOP FREE ICONS, GRAPHICS MORE
I’ve learnt about free trial photoshop in websites such as
- GIMP (gimp.org)
- PIXLR(pixlr.com)
- 30-DAY PHOTOSHOP TRIAL (adobe.com/photoshop)
HOW MUCH SHOULD You CHARGE
I’ve learnt on what basis you should charge for your project such as
what’s the project?
who’s the client?
how much does it cost you basing on hours of work?
Is the project interesting?
INTRODUCTION TO VISUAL DESIGN
LEARNED ABOUT:
It’s about the introduction to visual design.
The basic elements of visual design are:
- lines
- shapes
- colour palette
- texture
- typography
- form
The basic 7 principles of visual design are:
- space
- dominance
- hierarchy
- unity
- balance
- rhythm
- proportion
CRAP PRINCIPLES IN DESIGN
It’s about the principles about CRAP. They are:
- C means CONTRAST
- R means REPETITION
- A means ALIGNMENT
- P means PROXIMITY
TYPOGRAPHY
It’s about what typography is .. Typography is nothing but flow to message. It consists of ascender , X-height , cap height, descenderursesocc
SCIENCE OF COLOUR
- I’ve learnt about colour wheel , Analogous , complementary, primary colours , secondary colours and tertiary colours . I’ve learnt about monochromatic, split complementary and double complementary. I’ve also learnt about hue , saturation , brightness , screen and print
- and also learned more initiave uses of webtechnologies
- we are able to run web servers like xampp
MY EXPERIENCE IN GAME OF HACKATHON
I’m very glad that I’m part of this hackathon program and will consider this as an important opportunity for the progress of my skills
Our tasks for hackathon include the following
- portfolio
- graphical resume
- completion of watching videos
- defining a problem API
- establishing a company
- create a logo for the company
- prepare a wireframe
At first we were asked whether everyone had completed all the tasks, Next every team has been given a virtual 300$ and each of us divided as
1.ME AS VIRTUAL CEO FOR MY PROJECT
2.developer
3.designer.
“A wonderful opportunity for Dr Lankapalli Bullaya college of Engineering for Women students #we.. SIPA 2019 by Vizag startups……
Our very first day started with knowing what is an API. Now i know what an Api is and what for it is uesd..
We went in search of API’s in rapidapi.com where we have a number of free and paid API’s .There we have selected 3 API’s . .
OUR project name is translaunce.com
As for 1st day we have created a wireframe and working on the landing page….
..Attended pre-null meetup for hackers using python.
Created some website like diskprices.com using html
our project is about…
PRICE CALCULATOR DISCOVER YOUR HOURLY RATE HOW MUCH YOU SHOULD CHARGE
I’ve learnt about how to charge for the work based on the time you have allocated to do project per hour.
thank you for spending time by reading this…
I’m N. Hari Priyanka . I’m pursuing my B.tech in Dr.Lankapalli Bullayya College Of Engineering(women) in CSE department . I started learning web development course from 24.05.2019. This article is about the things i’ve learned from the web development course videos.
INTRODUCTION ALL YOU NEED TO KNOW :
1.INTRODUCTION:
In this we have WEB DESIGN AND DEVELOPMENT THE ULTIMATE ALL-IN-ONE COURSE
It is useful to learn about web designing and we can grow as a good web designer by learning from this videos.This videos helps in learning essentials in visual designing techniques,designing of web sites in Photoshop,coding in HTML and CSS web site,dynamic PHP and MYSQL applications.It helps to find jobs with good salary and how to start a successful freelance carer.
2.WHAT YOU GET IN THIS COURSE MAJOR COURSE DISCOUNTS EBOOK:
Here we have about 60 lectures which contains following content i.e.
- Visual designing techniques
- Photoshop
- HTML and CSS, CSS-3
- Boot strap
- Web hosting
- PHP and MYSQL
- Java script
- Jquery
- Word press and word press web development
3.HOW TO GET A FREE TRIAL OF ADOBE PHOTOSHOP FREE ICONS,GRAPHICS MORE:
We can use this following web sites to do dummy Photoshop instead of original web sites as they also have free trial and this is useful in personal and commercial purposes.
GIMP: WEB ADDRESS: gimp.org .Not as feature rich.Does the trick.
PIXLR: WEB ADDRESS: pixlr.com . Similar to the Photoshop.
30 DAY PHOTOSHOP TRIAL: adobe.com/Photoshop.
Any web designer like to have free resources instead of paid sources.One of the free resource is CREATIVE MARKET and web address for this source is bradhussey.ca/creativemarket . It contains free and premium graphics, designs, themes, Photography, icons, fonts and much more.
4.PRICE CALCULATOR DISCOVER YOUR HOURLY RATE HOW MUCH YOU SHOULD CHARGE:
I learned from this video i.e. we should charge money for our service from the clients based on the following questions.
- What the project?
- Who’s the client?
- How much does it cost you?
- Is the project interesting?
- After the project?
The charge must based on the service that we provided to the clients.Based on the answers to the above questions ,we have to charge correct amount from the client.We can calculate by using the web address i.e. bradhussey.ca/pricecalculator .
5. INTRO WRAP UP WHAT YOU HAVE LEARNED WHATS NEXT:
This is about what we have learned in previous videos and next video is about visual designing .
INTRODUCTION TO VISUAL DESIGN:
1.SECTION INTRO WHAT YOU ARE GOING TO LEARN:
This is an introduction video which gives information about videos present in next to this video about visual designing.
2.THE BASIC ELEMENTS AND PRINCIPLES OF VISUAL DESIGN:
SIX ELEMENTS OF VISUAL DESIGN
Although visual design on the web can be incredibly complex,all web designs boil down to six basic elements:
- Lines
- Shapes
- Colour Palette
- Texture
- Typography
- Form
LINES: This helps to define shapes,divide sections,create separation and to have typical length,width &direction.
SHAPES: It composed of self contained areas which includes the lines, values, colour, texture. In this all objects are composed of shapes.
COLOUR PALETTE: It helps to differentiate with the shapes and items and to add depth & emphasis.It is used to organize information, to evoke emotion and feeling.
TEXTURE: It gives the illusion of how a surface feels and doesn’t have to be a real texture, like dirt, or paper. It is used to either attract or divert attention.
TYPOGRAPHY: It is used to change the fonts, size, colour, spacing, alignment.
FORM: It helps to create illusion of objects and to add depth & texture to create 3D objects. It is used to accentuate a message, or provide visual appeal.
SEVEN PRINCIPLES OF VISUAL DESIGN
While there are no official “industry standard” rules for visual design-as the beauty of a design purely depends on the audience-there are a set of widely accepted guidelines,or “principles”,when it comes to visual communications. The basic principles boil down to the following:
- Balance
- Rhythm
- Proportion
- Space
- Dominance
- Hierarchy
- Unity
BALANCE: Arrangement & distribution of objects to create meaning i.e. symmetric and asymmetric.
RHYTHM: It creates movement ,repetition of elements and can establish pattern and texture.
PROPORTION: It is also known as “scale”. It demonstrates how each item relates in size.
SPACE: It is also known as “white space” . It is used to reduce noise, clutter, and increase reliability.
DOMINANCE: It is used as a focal point and it can achieved through size, colour, shape, etc. It is used to communicate the primary message.
HIERARCHY: It is used to differentiate primary and secondary focus. It can achieved through size, colour, & placement.
UNITY: This is about the big picture of a design and how all elements are related or unrelated,grouping of similar elements.
3.THE DESIGN CRAP PRINCIPLES:
The CRAP principles are:
REPETITION:-Consistency in elements and style throughout your design creates a cohesive feel,and can help guide the user throughout our website.
ALIGNMENT:-It creates clear relationship between elements ,nothing should feel out of place ,unless its intentional.
PROXIMITY:-It creates a clear relationship between elements ,grouped elements are related ,separate elements are not related.
4.TYPOGRAPHY BASICS:
Typography means it gives a voice to written content,it increases readability,gives content form and can shape a message ,gives flow to the message.
5.THE SCIENCE OF COLOUR OF COLOR:
It can convey a mood ,or a feeling. The words frilly and freaky conjure different feelings and colour palettes. colors are used for the designers to emphasise an object or message .They also use color to de-emphasize objects
COLOUR WHEEL:-We ca see which colours sit near each other.This has allowed us to establish an official vocabulary for colour schemes.Different cultures perceive the meaning of colour differently.
ANALOGOUS:-analogous means it is next to each other on the colour wheel ,it is similar to similar temperature ,Minimal contrast ,Dissonant.
COMPLEMENTARY:-It is opposites on the wheel,opposites temperature and it creates a different mood than an analogous scheme.
There are some pure unmixed colour:-
- PRIMARY COLORS:-Red,blue,yellow
- SECONDARY COLORS:-Orange,Purple-ad greenMade of 2 Primary colours mixed together.
- TERTIARY COLOUR:-Red-Orange,Red-Violet,Blue-Violet,Blue-green,Yellow-Green,Yellow-Green,Yellow-Orange made of 1 primary and 1 secondary mixed together.
HUE:-One of the main properties of colour .Where a colour sits on the spectrum, or colour wheel.
SATURATION:- How colorful a photo is,or is not.
BRIGHTNESS:-How much light is added to,or remove from, a photo.
GENERAL GUIDELINES FOR CREATING A COLOUR PALETTE:-
- Know the purpose and message.
- Review the colour basics.
- choose a dominant colour.
- choose an accent colour.
- Experiment with different shades and hues.
- keep it simple ,limit colours.
- Record your colour palette for reference.
6.DESIGNING WITH GRIDS:
Way back in the mid 1800s ,a dude named William Morris and his buddy ,Philip Webb, designed a house where the rooms were organised according to purpose -in a grid-like fashion.This led people to rethink how books were laid out , and incorporated a grid.
FAST FORWARD:-Today,grids are very commonly used in web design.Grids on the internet help organise large amount of information in easy-to-navigate, digestible information.
APPROACHES:-
- Single Column
- Multi Column
- Modular
- Hierarchical
USES OF GRIDS:- It keeps content organised,creates an order by distinguishing different types of information ,Enhances navigation and usability,saves design time ,because you have limitations to work within.
8.SECTION AUTO WRAP UP FURTHER LEARNING WHAT NEXT:
In this video we use some web Sites to create designs.some of them are
INTRODUCTION TO HTML
1. Section Intro HTML Fundamentals, First Web page, Course Files:
It is about the introduction to html. HTML is nothing but hyper text mark up language
2.The Basics of HTML Tags, Attributes, Elements:
Structure Of html:
<html>
<head>
</head>
<body>
</body>
</html>
I’ve learnt about elements such as tags, attributes , Elements.
3.Basic File Folder Structure of a Website:
I’ve learnt how to keep folder names for a website folder . For Example for home page keep it as index.html and for images create a images folder.
4. Your Must Have Tool A Good Code Editor:
It’s about the text editors to write code for website. They are sublime, Text Wrangler, Notepad++, Brackets, Coda2 etc..
5.Hello World Create Your Very First Web Page:
<html>
<head>
<title>My First Web Page</title>
</head>
<body>
<h1>Hello!!!</h1>
</body>
</ht
INTERMEDIATE HTML
1.Section Intro HTML Tags, Code a Real Web Page:
It’s about the introduction to html.
2. Basic Structure of an HTML Document:
I’ve learnt about the basic structure of html . Here is the basic structure:
ADVANCED HTML HTML5
1. Section Intro Advanced HTML Techniques, HTML5:
HTML5 is the latest version of Hypertext Markup Language, the code that describes web pages. It’s actually three kinds of code: HTML, which provides the structure; Cascading Style Sheets (CSS), which take care of presentation; and JavaScript, which makes things happen.
2.IDs Classes:
The id attribute specifies a unique id for an HTML element (the value must be unique within the HTML document).
The id value can be used by CSS and JavaScript to perform certain tasks for a unique element with the specified id value.
3.Span Div Tag:
The HTML <span> tag is used for grouping and applying styles to inline elements. The difference between the <span> tag and the <div> tag is that the <span> tag is used with inline elements whilst the <div> tag is used with block-level content.
4.Intro to HTML5 Tags Header, Footer, Nav, Section, Article, Aside Time:
I’ve learnt about Html5 tags. The following are some of them
<article><aside><details><figcaption><figure><footer><header><main><mark><nav><section><summary><time>
9. EXPERT HTML HTML5:
1.Section Intro Expert HTML5 techniques:
It’s about the introduction to Expert Html.
2.New HTML5 Inputs:
HTML5 added several new input types. some of them are:
- color.
- date.
- datetime-local.
- email.
- month.
- number.
- range.
- search.
3.Making Internet Explorer Compatible with HTML5:
The following are the steps for making Internet Explorer compatible with
HTML 5:
- Click Start.
- On the search bar, type Internet Options, and click on Internet Options from the results.
- Click on the Advanced tab.
- Under Multimedia, check Enable alternative codecs in HTML5 media elements.
- Restart your computer.
4.HTML ATTRIBUTES:
The data-* attributes is used to store custom data private to the page or application.
The data-* attributes gives us the ability to embed custom data attributes on all HTML elements.
For instance, let’s say you have a list of different restaurants on a web page. Before HTML5, if you wanted to store information about the type of food offered by restaurants or their distance from the visitor, you would have used the HTML class attribute. What if you also needed to store the restaurant id to see which particular restaurant the user would want to visit?
Here are a few problems with the approach based on the HTML class attribute.
- The HTML class attribute is not meant to store data like this. Its main purpose is to allow the developer to assign style information to a set of elements.
- Each additional piece of information requires us to add a new class to our element. This makes it harder to parse the data in JavaScript to actually get what we need.
- Let’s say a given class name begins with numbers. If you decide to later style the elements based on that data in the class name, you will have to either escape the number or use attribute selectors in your style sheet.
To get rid of these issues, HTML5 has introduced custom data attributes. All attributes on an element whose name starts with data- are data attributes. You can also use these data attributes to style your elements.
Thanking you sir,
yours faithfully,
I’m D.padma . I’m pursuing my B.tech in Dr.Lankapalli Bullayya College Of Engineering(women) in CSE department . I started learning web development course from 24.05.2019. This article is about the things i’ve learned from the web development course videos.
INTRODUCTION ALL YOU NEED TO KNOW :
1.INTRODUCTION:
In this we have WEB DESIGN AND DEVELOPMENT THE ULTIMATE ALL-IN-ONE COURSE
It is useful to learn about web designing and we can grow as a good web designer by learning from this videos.This videos helps in learning essentials in visual designing techniques,designing of web sites in Photoshop,coding in HTML and CSS web site,dynamic PHP and MYSQL applications.It helps to find jobs with good salary and how to start a successful freelance carer.
2.WHAT YOU GET IN THIS COURSE MAJOR COURSE DISCOUNTS EBOOK:
Here we have about 60 lectures which contains following content i.e.
- Visual designing techniques
- Photoshop
- HTML and CSS, CSS-3
- Boot strap
- Web hosting
- PHP and MYSQL
- Java script
- Jquery
- Word press and word press web development
3.HOW TO GET A FREE TRIAL OF ADOBE PHOTOSHOP FREE ICONS,GRAPHICS MORE:
We can use this following web sites to do dummy Photoshop instead of original web sites as they also have free trial and this is useful in personal and commercial purposes.
GIMP: WEB ADDRESS: gimp.org .Not as feature rich.Does the trick.
PIXLR: WEB ADDRESS: pixlr.com . Similar to the Photoshop.
30 DAY PHOTOSHOP TRIAL: adobe.com/Photoshop.
Any web designer like to have free resources instead of paid sources.One of the free resource is CREATIVE MARKET and web address for this source is bradhussey.ca/creativemarket . It contains free and premium graphics, designs, themes, Photography, icons, fonts and much more.
4.PRICE CALCULATOR DISCOVER YOUR HOURLY RATE HOW MUCH YOU SHOULD CHARGE:
I learned from this video i.e. we should charge money for our service from the clients based on the following questions.
- What the project?
- Who’s the client?
- How much does it cost you?
- Is the project interesting?
- After the project?
The charge must based on the service that we provided to the clients.Based on the answers to the above questions ,we have to charge correct amount from the client.We can calculate by using the web address i.e. bradhussey.ca/pricecalculator .
5. INTRO WRAP UP WHAT YOU HAVE LEARNED WHATS NEXT:
This is about what we have learned in previous videos and next video is about visual designing .
INTRODUCTION TO VISUAL DESIGN:
1.SECTION INTRO WHAT YOU ARE GOING TO LEARN:
This is an introduction video which gives information about videos present in next to this video about visual designing.
2.THE BASIC ELEMENTS AND PRINCIPLES OF VISUAL DESIGN:
SIX ELEMENTS OF VISUAL DESIGN
Although visual design on the web can be incredibly complex,all web designs boil down to six basic elements:
- Lines
- Shapes
- Colour Palette
- Texture
- Typography
- Form
LINES: This helps to define shapes,divide sections,create separation and to have typical length,width &direction.
SHAPES: It composed of self contained areas which includes the lines, values, colour, texture. In this all objects are composed of shapes.
COLOUR PALETTE: It helps to differentiate with the shapes and items and to add depth & emphasis.It is used to organize information, to evoke emotion and feeling.
TEXTURE: It gives the illusion of how a surface feels and doesn’t have to be a real texture, like dirt, or paper. It is used to either attract or divert attention.
TYPOGRAPHY: It is used to change the fonts, size, colour, spacing, alignment.
FORM: It helps to create illusion of objects and to add depth & texture to create 3D objects. It is used to accentuate a message, or provide visual appeal.
SEVEN PRINCIPLES OF VISUAL DESIGN
While there are no official “industry standard” rules for visual design-as the beauty of a design purely depends on the audience-there are a set of widely accepted guidelines,or “principles”,when it comes to visual communications. The basic principles boil down to the following:
- Balance
- Rhythm
- Proportion
- Space
- Dominance
- Hierarchy
- Unity
BALANCE: Arrangement & distribution of objects to create meaning i.e. symmetric and asymmetric.
RHYTHM: It creates movement ,repetition of elements and can establish pattern and texture.
PROPORTION: It is also known as “scale”. It demonstrates how each item relates in size.
SPACE: It is also known as “white space” . It is used to reduce noise, clutter, and increase reliability.
DOMINANCE: It is used as a focal point and it can achieved through size, colour, shape, etc. It is used to communicate the primary message.
HIERARCHY: It is used to differentiate primary and secondary focus. It can achieved through size, colour, & placement.
UNITY: This is about the big picture of a design and how all elements are related or unrelated,grouping of similar elements.
3.THE DESIGN CRAP PRINCIPLES:
The CRAP principles are:
REPETITION:-Consistency in elements and style throughout your design creates a cohesive feel,and can help guide the user throughout our website.
ALIGNMENT:-It creates clear relationship between elements ,nothing should feel out of place ,unless its intentional.
PROXIMITY:-It creates a clear relationship between elements ,grouped elements are related ,separate elements are not related.
4.TYPOGRAPHY BASICS:
Typography means it gives a voice to written content,it increases readability,gives content form and can shape a message ,gives flow to the message.
5.THE SCIENCE OF COLOUR OF COLOR:
It can convey a mood ,or a feeling. The words frilly and freaky conjure different feelings and colour palettes. colors are used for the designers to emphasise an object or message .They also use color to de-emphasize objects
COLOUR WHEEL:-We ca see which colours sit near each other.This has allowed us to establish an official vocabulary for colour schemes.Different cultures perceive the meaning of colour differently.
ANALOGOUS:-analogous means it is next to each other on the colour wheel ,it is similar to similar temperature ,Minimal contrast ,Dissonant.
COMPLEMENTARY:-It is opposites on the wheel,opposites temperature and it creates a different mood than an analogous scheme.
There are some pure unmixed colour:-
- PRIMARY COLORS:-Red,blue,yellow
- SECONDARY COLORS:-Orange,Purple-ad greenMade of 2 Primary colours mixed together.
- TERTIARY COLOUR:-Red-Orange,Red-Violet,Blue-Violet,Blue-green,Yellow-Green,Yellow-Green,Yellow-Orange made of 1 primary and 1 secondary mixed together.
HUE:-One of the main properties of colour .Where a colour sits on the spectrum, or colour wheel.
SATURATION:- How colorful a photo is,or is not.
BRIGHTNESS:-How much light is added to,or remove from, a photo.
GENERAL GUIDELINES FOR CREATING A COLOUR PALETTE:-
- Know the purpose and message.
- Review the colour basics.
- choose a dominant colour.
- choose an accent colour.
- Experiment with different shades and hues.
- keep it simple ,limit colours.
- Record your colour palette for reference.
6.DESIGNING WITH GRIDS:
Way back in the mid 1800s ,a dude named William Morris and his buddy ,Philip Webb, designed a house where the rooms were organised according to purpose -in a grid-like fashion.This led people to rethink how books were laid out , and incorporated a grid.
FAST FORWARD:-Today,grids are very commonly used in web design.Grids on the internet help organise large amount of information in easy-to-navigate, digestible information.
APPROACHES:-
- Single Column
- Multi Column
- Modular
- Hierarchical
USES OF GRIDS:- It keeps content organised,creates an order by distinguishing different types of information ,Enhances navigation and usability,saves design time ,because you have limitations to work within.
8.SECTION AUTO WRAP UP FURTHER LEARNING WHAT NEXT:
In this video we use some web Sites to create designs.some of them are
INTRODUCTION TO HTML
1. Section Intro HTML Fundamentals, First Web page, Course Files:
It is about the introduction to html. HTML is nothing but hyper text mark up language
2.The Basics of HTML Tags, Attributes, Elements:
Structure Of html:
<html>
<head>
</head>
<body>
</body>
</html>
I’ve learnt about elements such as tags, attributes , Elements.
3.Basic File Folder Structure of a Website:
I’ve learnt how to keep folder names for a website folder . For Example for home page keep it as index.html and for images create a images folder.
4. Your Must Have Tool A Good Code Editor:
It’s about the text editors to write code for website. They are sublime, Text Wrangler, Notepad++, Brackets, Coda2 etc..
5.Hello World Create Your Very First Web Page:
<html>
<head>
<title>My First Web Page</title>
</head>
<body>
<h1>Hello!!!</h1>
</body>
</ht
INTERMEDIATE HTML
1.Section Intro HTML Tags, Code a Real Web Page:
It’s about the introduction to html.
2. Basic Structure of an HTML Document:
I’ve learnt about the basic structure of html . Here is the basic structure:
ADVANCED HTML HTML5
1. Section Intro Advanced HTML Techniques, HTML5:
HTML5 is the latest version of Hypertext Markup Language, the code that describes web pages. It’s actually three kinds of code: HTML, which provides the structure; Cascading Style Sheets (CSS), which take care of presentation; and JavaScript, which makes things happen.
2.IDs Classes:
The id attribute specifies a unique id for an HTML element (the value must be unique within the HTML document).
The id value can be used by CSS and JavaScript to perform certain tasks for a unique element with the specified id value.
3.Span Div Tag:
The HTML <span> tag is used for grouping and applying styles to inline elements. The difference between the <span> tag and the <div> tag is that the <span> tag is used with inline elements whilst the <div> tag is used with block-level content.
4.Intro to HTML5 Tags Header, Footer, Nav, Section, Article, Aside Time:
I’ve learnt about Html5 tags. The following are some of them
<article><aside><details><figcaption><figure><footer><header><main><mark><nav><section><summary><time>
9. EXPERT HTML HTML5:
1.Section Intro Expert HTML5 techniques:
It’s about the introduction to Expert Html.
2.New HTML5 Inputs:
HTML5 added several new input types. some of them are:
- color.
- date.
- datetime-local.
- email.
- month.
- number.
- range.
- search.
3.Making Internet Explorer Compatible with HTML5:
The following are the steps for making Internet Explorer compatible with
HTML 5:
- Click Start.
- On the search bar, type Internet Options, and click on Internet Options from the results.
- Click on the Advanced tab.
- Under Multimedia, check Enable alternative codecs in HTML5 media elements.
- Restart your computer.
4.HTML ATTRIBUTES:
The data-* attributes is used to store custom data private to the page or application.
The data-* attributes gives us the ability to embed custom data attributes on all HTML elements.
For instance, let’s say you have a list of different restaurants on a web page. Before HTML5, if you wanted to store information about the type of food offered by restaurants or their distance from the visitor, you would have used the HTML class attribute. What if you also needed to store the restaurant id to see which particular restaurant the user would want to visit?
Here are a few problems with the approach based on the HTML class attribute.
- The HTML class attribute is not meant to store data like this. Its main purpose is to allow the developer to assign style information to a set of elements.
- Each additional piece of information requires us to add a new class to our element. This makes it harder to parse the data in JavaScript to actually get what we need.
- Let’s say a given class name begins with numbers. If you decide to later style the elements based on that data in the class name, you will have to either escape the number or use attribute selectors in your style sheet.
To get rid of these issues, HTML5 has introduced custom data attributes. All attributes on an element whose name starts with data- are data attributes. You can also use these data attributes to style your elements.
Thanking you sir,
yours faithfully,
I’m D.padma . I’m pursuing my B.tech in Dr.Lankapalli Bullayya College Of Engineering(women) in CSE department . I started learning web development course from 24.05.2019. This article is about the things i’ve learned from the web development course videos.
INTRODUCTION ALL YOU NEED TO KNOW :
1.INTRODUCTION:
In this we have WEB DESIGN AND DEVELOPMENT THE ULTIMATE ALL-IN-ONE COURSE
It is useful to learn about web designing and we can grow as a good web designer by learning from this videos.This videos helps in learning essentials in visual designing techniques,designing of web sites in Photoshop,coding in HTML and CSS web site,dynamic PHP and MYSQL applications.It helps to find jobs with good salary and how to start a successful freelance carer.
2.WHAT YOU GET IN THIS COURSE MAJOR COURSE DISCOUNTS EBOOK:
Here we have about 60 lectures which contains following content i.e.
- Visual designing techniques
- Photoshop
- HTML and CSS, CSS-3
- Boot strap
- Web hosting
- PHP and MYSQL
- Java script
- Jquery
- Word press and word press web development
3.HOW TO GET A FREE TRIAL OF ADOBE PHOTOSHOP FREE ICONS,GRAPHICS MORE:
We can use this following web sites to do dummy Photoshop instead of original web sites as they also have free trial and this is useful in personal and commercial purposes.
GIMP: WEB ADDRESS: gimp.org .Not as feature rich.Does the trick.
PIXLR: WEB ADDRESS: pixlr.com . Similar to the Photoshop.
30 DAY PHOTOSHOP TRIAL: adobe.com/Photoshop.
Any web designer like to have free resources instead of paid sources.One of the free resource is CREATIVE MARKET and web address for this source is bradhussey.ca/creativemarket . It contains free and premium graphics, designs, themes, Photography, icons, fonts and much more.
4.PRICE CALCULATOR DISCOVER YOUR HOURLY RATE HOW MUCH YOU SHOULD CHARGE:
I learned from this video i.e. we should charge money for our service from the clients based on the following questions.
- What the project?
- Who’s the client?
- How much does it cost you?
- Is the project interesting?
- After the project?
The charge must based on the service that we provided to the clients.Based on the answers to the above questions ,we have to charge correct amount from the client.We can calculate by using the web address i.e. bradhussey.ca/pricecalculator .
5. INTRO WRAP UP WHAT YOU HAVE LEARNED WHATS NEXT:
This is about what we have learned in previous videos and next video is about visual designing .
INTRODUCTION TO VISUAL DESIGN:
1.SECTION INTRO WHAT YOU ARE GOING TO LEARN:
This is an introduction video which gives information about videos present in next to this video about visual designing.
2.THE BASIC ELEMENTS AND PRINCIPLES OF VISUAL DESIGN:
SIX ELEMENTS OF VISUAL DESIGN
Although visual design on the web can be incredibly complex,all web designs boil down to six basic elements:
- Lines
- Shapes
- Colour Palette
- Texture
- Typography
- Form
LINES: This helps to define shapes,divide sections,create separation and to have typical length,width &direction.
SHAPES: It composed of self contained areas which includes the lines, values, colour, texture. In this all objects are composed of shapes.
COLOUR PALETTE: It helps to differentiate with the shapes and items and to add depth & emphasis.It is used to organize information, to evoke emotion and feeling.
TEXTURE: It gives the illusion of how a surface feels and doesn’t have to be a real texture, like dirt, or paper. It is used to either attract or divert attention.
TYPOGRAPHY: It is used to change the fonts, size, colour, spacing, alignment.
FORM: It helps to create illusion of objects and to add depth & texture to create 3D objects. It is used to accentuate a message, or provide visual appeal.
SEVEN PRINCIPLES OF VISUAL DESIGN
While there are no official “industry standard” rules for visual design-as the beauty of a design purely depends on the audience-there are a set of widely accepted guidelines,or “principles”,when it comes to visual communications. The basic principles boil down to the following:
- Balance
- Rhythm
- Proportion
- Space
- Dominance
- Hierarchy
- Unity
BALANCE: Arrangement & distribution of objects to create meaning i.e. symmetric and asymmetric.
RHYTHM: It creates movement ,repetition of elements and can establish pattern and texture.
PROPORTION: It is also known as “scale”. It demonstrates how each item relates in size.
SPACE: It is also known as “white space” . It is used to reduce noise, clutter, and increase reliability.
DOMINANCE: It is used as a focal point and it can achieved through size, colour, shape, etc. It is used to communicate the primary message.
HIERARCHY: It is used to differentiate primary and secondary focus. It can achieved through size, colour, & placement.
UNITY: This is about the big picture of a design and how all elements are related or unrelated,grouping of similar elements.
3.THE DESIGN CRAP PRINCIPLES:
The CRAP principles are:
REPETITION:-Consistency in elements and style throughout your design creates a cohesive feel,and can help guide the user throughout our website.
ALIGNMENT:-It creates clear relationship between elements ,nothing should feel out of place ,unless its intentional.
PROXIMITY:-It creates a clear relationship between elements ,grouped elements are related ,separate elements are not related.
4.TYPOGRAPHY BASICS:
Typography means it gives a voice to written content,it increases readability,gives content form and can shape a message ,gives flow to the message.
5.THE SCIENCE OF COLOUR OF COLOR:
It can convey a mood ,or a feeling. The words frilly and freaky conjure different feelings and colour palettes. colors are used for the designers to emphasise an object or message .They also use color to de-emphasize objects
COLOUR WHEEL:-We ca see which colours sit near each other.This has allowed us to establish an official vocabulary for colour schemes.Different cultures perceive the meaning of colour differently.
ANALOGOUS:-analogous means it is next to each other on the colour wheel ,it is similar to similar temperature ,Minimal contrast ,Dissonant.
COMPLEMENTARY:-It is opposites on the wheel,opposites temperature and it creates a different mood than an analogous scheme.
There are some pure unmixed colour:-
- PRIMARY COLORS:-Red,blue,yellow
- SECONDARY COLORS:-Orange,Purple-ad greenMade of 2 Primary colours mixed together.
- TERTIARY COLOUR:-Red-Orange,Red-Violet,Blue-Violet,Blue-green,Yellow-Green,Yellow-Green,Yellow-Orange made of 1 primary and 1 secondary mixed together.
HUE:-One of the main properties of colour .Where a colour sits on the spectrum, or colour wheel.
SATURATION:- How colorful a photo is,or is not.
BRIGHTNESS:-How much light is added to,or remove from, a photo.
GENERAL GUIDELINES FOR CREATING A COLOUR PALETTE:-
- Know the purpose and message.
- Review the colour basics.
- choose a dominant colour.
- choose an accent colour.
- Experiment with different shades and hues.
- keep it simple ,limit colours.
- Record your colour palette for reference.
6.DESIGNING WITH GRIDS:
Way back in the mid 1800s ,a dude named William Morris and his buddy ,Philip Webb, designed a house where the rooms were organised according to purpose -in a grid-like fashion.This led people to rethink how books were laid out , and incorporated a grid.
FAST FORWARD:-Today,grids are very commonly used in web design.Grids on the internet help organise large amount of information in easy-to-navigate, digestible information.
APPROACHES:-
- Single Column
- Multi Column
- Modular
- Hierarchical
USES OF GRIDS:- It keeps content organised,creates an order by distinguishing different types of information ,Enhances navigation and usability,saves design time ,because you have limitations to work within.
8.SECTION AUTO WRAP UP FURTHER LEARNING WHAT NEXT:
In this video we use some web Sites to create designs.some of them are
INTRODUCTION TO HTML
1. Section Intro HTML Fundamentals, First Web page, Course Files:
It is about the introduction to html. HTML is nothing but hyper text mark up language
2.The Basics of HTML Tags, Attributes, Elements:
Structure Of html:
<html>
<head>
</head>
<body>
</body>
</html>
I’ve learnt about elements such as tags, attributes , Elements.
3.Basic File Folder Structure of a Website:
I’ve learnt how to keep folder names for a website folder . For Example for home page keep it as index.html and for images create a images folder.
4. Your Must Have Tool A Good Code Editor:
It’s about the text editors to write code for website. They are sublime, Text Wrangler, Notepad++, Brackets, Coda2 etc..
5.Hello World Create Your Very First Web Page:
<html>
<head>
<title>My First Web Page</title>
</head>
<body>
<h1>Hello!!!</h1>
</body>
</ht
INTERMEDIATE HTML
1.Section Intro HTML Tags, Code a Real Web Page:
It’s about the introduction to html.
2. Basic Structure of an HTML Document:
I’ve learnt about the basic structure of html . Here is the basic structure:
ADVANCED HTML HTML5
1. Section Intro Advanced HTML Techniques, HTML5:
HTML5 is the latest version of Hypertext Markup Language, the code that describes web pages. It’s actually three kinds of code: HTML, which provides the structure; Cascading Style Sheets (CSS), which take care of presentation; and JavaScript, which makes things happen.
2.IDs Classes:
The id attribute specifies a unique id for an HTML element (the value must be unique within the HTML document).
The id value can be used by CSS and JavaScript to perform certain tasks for a unique element with the specified id value.
3.Span Div Tag:
The HTML <span> tag is used for grouping and applying styles to inline elements. The difference between the <span> tag and the <div> tag is that the <span> tag is used with inline elements whilst the <div> tag is used with block-level content.
4.Intro to HTML5 Tags Header, Footer, Nav, Section, Article, Aside Time:
I’ve learnt about Html5 tags. The following are some of them
<article><aside><details><figcaption><figure><footer><header><main><mark><nav><section><summary><time>
9. EXPERT HTML HTML5:
1.Section Intro Expert HTML5 techniques:
It’s about the introduction to Expert Html.
2.New HTML5 Inputs:
HTML5 added several new input types. some of them are:
- color.
- date.
- datetime-local.
- email.
- month.
- number.
- range.
- search.
3.Making Internet Explorer Compatible with HTML5:
The following are the steps for making Internet Explorer compatible with
HTML 5:
- Click Start.
- On the search bar, type Internet Options, and click on Internet Options from the results.
- Click on the Advanced tab.
- Under Multimedia, check Enable alternative codecs in HTML5 media elements.
- Restart your computer.
4.HTML ATTRIBUTES:
The data-* attributes is used to store custom data private to the page or application.
The data-* attributes gives us the ability to embed custom data attributes on all HTML elements.
For instance, let’s say you have a list of different restaurants on a web page. Before HTML5, if you wanted to store information about the type of food offered by restaurants or their distance from the visitor, you would have used the HTML class attribute. What if you also needed to store the restaurant id to see which particular restaurant the user would want to visit?
Here are a few problems with the approach based on the HTML class attribute.
- The HTML class attribute is not meant to store data like this. Its main purpose is to allow the developer to assign style information to a set of elements.
- Each additional piece of information requires us to add a new class to our element. This makes it harder to parse the data in JavaScript to actually get what we need.
- Let’s say a given class name begins with numbers. If you decide to later style the elements based on that data in the class name, you will have to either escape the number or use attribute selectors in your style sheet.
To get rid of these issues, HTML5 has introduced custom data attributes. All attributes on an element whose name starts with data- are data attributes. You can also use these data attributes to style your elements.
Thanking you sir,
yours faithfully,
Experience with Hackthon
Our team loved working with Hackthon. Our team details are as follows:
B.HARSHITHA — CEO
A.ARUNA — DEVELOPER
P.GAYATHRI — DEVELOPER
CH.SUMANA SREE —DESIGNER
We learned many things in which course videos helps us a lot where we could able to design the launching image.
Our team worked to come with a website called as “BONAPPETTIT”. It can be used by millions of people every week to find nearby restaurants with honest restaurant ratings and reviews by consumers and food critics.
BONAPPETTIT is the best app to help “eat like a local” and find fast food.
We were enjoying to learn new things as we were able to create wireframe of the website.
When we are dealing with the landing page we got many ideas but atlast we have designed one atlast. We also added the option of creating an account in BONAPPETTITE.
At last the logo for our site is:
Hello This is YALAMANCHILI BHAVANA, Now I am going to share my HACKATHON experience part-1 held in our college.
At first we were asked whether everyone had completed all the tasks, Next every team has been given a virtual 300$ and each of us divided as
1.CEO
2coder
3.designer
HAPPY TRAVEL.Let’s Go
THANK YOU
Y.BHAVANA AND TEAM
we are very glad that we are part of this Hackathon program and will consider this as an important opportunity for the progress of our skills.we can surely say that we had a wonderful experience by taking part in this event and we learnt a lot things ,starting from building the team ,thinking out of box for an innovative and useful idea, giving it a shape in such a way that it could reach the people . the best idea we got in this process is “SHAYARI -Hidden thoughts…!” . our project is mainly based on people who writes poems and quotes but never exhibit their talent due to many reasons .so for those people our project is the best platform to showcase their hidden thoughts .Here comes our logo
OUR TEAM DETAILS
Ms.YAMINI NOONELA CEO
Ms.NIDA FATHIMA DESIGNER
Ms.NOONELA AKSHAYA RANI DEVELOPER
We designed our launching page also
THE API’S WE USED TO BUILD OUR PROJECT ARE
PoetryDB is an API for internet poets which is used for writing the poems and IMG4Me is a free service to convert your text into image. You can use this service to prevent crawlers and robots from copying your email address, articles, or website contents. Meanwhile, you can handle encoding errors as well if your text is in non-English characters
THE ULTIMATE THING IS THAT WE HAD A GREAT EXPERIENCE AND GOT TO KNOW MANY THINGS …
THANK YOU
As a participant of this wonderful event which is a good opportunity to show our skills and knowledge.this is a great experience for fresh candidates like us.
First of all as a participant of this event we should know what is hackathon, but i don’t know anything about hackathon , after this event i got to what is actual purpose of hackathon and how it will be helpful to students.
Hackathon is a initiative to provide students a platform to solve some of pressing problems we face in our daily lives, and thus inculcate a culture of product innovation and a mindset of problem solving.
Game of hackathon wants the innovative ideas to improve our daily life. after lot thinking we got some innovative ideas we fix one of them and produce our idea infront of hackathon that is “CLEAN AIR-CLEAN LIFE” which is helpful finding the quality of air and send notifications about air condition of our area to the people .
The reason behind this idea is now a days air pollution increases daily because of the no of trees are decreases.Elders and youth can tolerate with the condition the air but a new born babies and children who under 7 years old they can’t tolerate with the condition of the air .we saw some death issues due to air pollution mostly a new born babies die due to this. Our main idea is to protect babies .if this idea works then we can decrease the baby deaths. every mother take precautions to protect their babies indoor , but they don’t know the condition of the air at outdoors , this idea is helpful to every mother to protect their baby.
OUR TEAM DETAILS:
- CEO: S REVATHI
- DEVELOPER: N PRASANNA
- DESIGNER: T JAYASATYASAI
Logo of our “CLEAN AIR -CLEAN LIFE”
WIRE FRAME
API’S USED FOR THIS IDEA:
OUR SOCIAL MEDIA:
- TWITTER: https://twitter.com/SRevath63076245?s=09
LANDING PAGE:
this our landing we have no time to improve it ,i will redesign it and update soonFINALLY I WANT TO SHARE MY EXPERIENCE WITH HACKATHON , IT IS AN WONDERFUL PLATFORM TO KNOW ABOUT WHAT IS GOING ON OUR SURROUNDINGS AND MAKE OUR SELF MORE CREATIVE.
COMMING TO THE INTERNSHIP “#VIZAGSTARTUP” IT TAUGHT ME SO MANY THINGS WHAT I REALLY DON’T KNOW TILL NOW.
Thank you,
S.REVATHI