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’m Srujana Addipalli 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.
Here is a summary regarding the things that I have learnt from this common course.
video 1– 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).
I have also learnt few tips to design a good resume.
As a web developer must create a brand and use the networking such as social media, meet ups, etc., to grow our business. For job searching follow some online resources. ex: career builder, indeed , job.com, portfolio.com, envato studio,etc.
video 2 – Tips On Learning How To Code: 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 errors.
video 3 – MUST-KNOW WEB DEVELOPMENT TECH : Here I have learnt about the best tools ,frameworks and softwares for web development in a detailed manner. The detailed description of different tools and technologies.
video 4 – Setup Linux Ubuntu for web development: Learnt how to setup Linux Ubuntu for Web Development.
video 5 – Chrome Extensions For Web Developers & Web Designers: I have learnt about various Chrome extensions and also used some of them. These Chrome extensions will be very useful for Web Developers & Web Designers to beautify their code.
video 6 – Emmet For Faster HTML & CSS Workflow : Emmet is the essential tool for web developer. Emmet is a plugin for many popular text editors which greatly improves HTML & CSS workflow.
Automation Hacks for Entrepreneurs Lightning Round : Here I have learnt about different automation hacks which will accelerate your growth as an entrepreneur. For example, Hacks to Grow & Engage your Audience, Hacks for finding new customers, Hacks to become master of your personal work. Here I have learnt many new things such as Zapier, Buffer, Socedo, Calendly, Streak for Gmail, Cognito Forms, etc.
Ultimate Free Tools And Resources For Entrepreneur: Here I have learnt about various Ultimate free tools and resources such as:
1). Free tools to find your business name ideas with available domain name ( Shopify, Bust a name, Biz Name Wiz, Name boy, etc.) .
2). Free tools to create animated GIFs in just minutes ( imgflip, imgur, gifs, GifRun, make a gif, gify, etc.) .
3). Free tools to record your screen like a pro ( camstudio, icecreamapps, ezvid, atomi, screen presso, bandicam, etc.) .
4). Free alternatives to photoshop ( photo pos pro, Gimp, Pixlr Editor, Photo pea, Adobe photoshop express, paint.net, canva, etc.) .
5). Free tools to create web marketing graphics ( canva, fotor, fotojet, etc.).
6). Resources to make passive income as a free freelance graphic designer ( Design crowd, Hatchwise, eBay, 99designs, etc.).
7). Resources where you can sell your service make a living ( people per hour, envato studio, Creative Market, eBay, etc.).
8). Sources to find royalty free stock images for your blog or website ( pixaboy.com, stocksnap.io, unsplash.com, etc.).
9). Cheap paid traffic source for marketer to boost conversion instantly ( 7search, udimi, BuySellAds, Bingads, etc.) .
10). Resource where you can make passive income as a freelance copy writer ( envato tuts+, Funds for writers, WritersWeekly, eCommerce insiders, photoshop tutorials, etc.) .
11). Resources to find unlimited royalty free music for personal commercial uses ( Free Music Archive, incompetech, VimeoMusicStore, etc.).
12). Websites to find quality WordPress jobs and kickstart your freelance career ( jobs.wordpress.net, wpmudev.org, codeable, stackoverflow, authenticjobs, upwork, etc.).
I have also used some of these tools and resources. I have created a GIF using “imgur” Gif maker.
Here is the link for my GIF : https://imgur.com/iQFo2U6
Finally, I have learnt many new things from this course and gained some basic knowledge about Web Development.
Thank you sir,
A. Srujana