CLICK HERE TO REGISTER NOW FOR THE WORKSHOP
Web Development is the skill of designing and development of a website for the purpose of both Internet and Intranet. Website Development can be of different types such as developing a static page, blog, eCommerce, or social network services.
StudyMaterialOnline presents a Website Development Industrial workshop where students will learn the basic concept of developing the website. Topics such as HTML, CSS, JavaScript, GIT, and Industrial Projects will be discussed in this workshop. It will help participants to grow the knowledge and skills in the field of Front End Development.
It’s Time to UpSkill Yourself by attending this educational Web Development Workshop.
If you are interested in attending this Workshop to increase your skills in this domain then Register for this Workshop here or click on the above image.
About this Workshop:
If you need to learn how to understand and create Web Applications that are used to solve business problems, this course is for you. You will learn in this course everything you need about Industrial projects, where the implementation of such Web applications is done with petabytes of data and real-life scenarios. This course was designed to provide information in a simple and straight forward way so ease learning methods. You will from scratch and keep building your knowledge step by step until you become familiar with the most used Web development techniques.
Schedule:
Day 1: 22 May 2020 from 12 pm to 3 pm.
Day 2: 23 May 2020 from 12 pm to 3 pm.
Day 3: 24 May 2020 from 12 pm to 2 pm.
What you will learn:
Lesson Plan:
CSS3
Contents
- What is CSS? Why do we need it?
- What are selectors?
- Box styling
- Flexbox
- Display property.
- Positioning
- Class and Ids
- Whitespaces
Note: Margins, Paddings - Alignments
- Animations
- Transforms
- Media Queries
- CSS Variables
HTML5
Contents
- Why HTML5 is still important?
- Breaking the myth of simplicity.
- Tags
Note: P, H, small, pre, code, UL, Ol, B, BR, HR, IMG, SUP, TABLE, blockquote, span, I, iframes, canvas, svg, data, abbr, dfn, cite, div, fieldset, footer, header, content, section, main, form, NoScript, video, aside, map (image map), title - Class and Ids attributes
- Attributes
Note: Data, aria, crossorigin, alt, required, placeholder, editable, draggable, onHandlers, style. - Meta Tags
- Link / Style & Script Tags
- Input Tags
Note: Text Input, Textarea, Radio, Select List, Checkbox, number, date, email, color picker, time, pattern - Grids, columns, and layout.
- Meta – keyword, description, author, viewport
Responsive Design
Contents
- What is responsiveness and why does it matter?
- Column and Flex Layout.
- CSS and Libraries
Browser Essentials
Contents
- How do HTTP and HTTPS request work?
- The story or request and response
- Request Types
Note: GET, POST, PUT, PATCH - Cookie and Sessions
- Local Storage and Session Storage
JavaScript – The Basics
Contents
- What is Javascript?
- Functional Programming?
- Variables and primitives data types.
- Object Literal
- Prototypes
- Closures
- Function and Objects
- ECMAScrpt 2015 / ES6
- Event Handlers
Desc: onchange An HTML element has been changedonclick The user clicks an HTML elementonmouseover The user moves the mouse over an HTML elementonmouseout The user moves the mouse away from an HTML element
onkeydown The user pushes a keyboard key
onload The browser has finished loading the page
- String Methods
Desc: toString(), length, indexOf(‘word’), lastIndexOf(‘word’), search(‘word’), slice(start, end), substring(start, end), substr(start, length), replace, contact - Arrays & Array Methods
- Further Libraries
: jQuery, Angular, React, NextJS
GIT – Essentials
Contents
- GIT?
- Repository / Github / Open Source
- Version Control
- Basic Commands
Desc: Commands – add-origin, clone, config, add -A, checkout, branch, status, commit, push, pull, merge - Collaboration
Are there any course requirements or prerequisites?
- Basic knowledge in computer science and coding algorithms.
- Visual Studio Code : https://code.visualstudio.com/
- GIT : https://git-scm.com/downloads
Who this course is for:
- Anyone who wants to understand the technology to implement web development for business solutions.
CLICK HERE TO REGISTER NOW
About the Instructor:
Rajan Verma
I have worked in IT and website development for more than 3 and a half years. After completed my bachelor’s from NIT Jalandhar, I worked as a Full Stack developer in one of the engineering companies. I have obtained several certificates and awards. As I love and enjoy working on coding, hence I pursued my career in today’s niche technologies like Perl, Ruby, Node, Javascript, HTML5, CSS3 and React js.
You can check my Linkedin profile: https://www.linkedin.com/in/rajanverma-me/
I love teaching advance and beginner-level software development. So I decided to create several courses in this field to share my knowledge with others. I tried to present something new in my classes. Instead of keep repeating the same materials and curriculum which are already existing everywhere, I added materials to simulate the real business scenarios. I included examples based on real business cases to learn something practical rather than learning everything about basics. In other words, I tried to create shortcuts for practical learning to focus on what is really needed in the work field.