Description
With advance front-end development technologies like HTMLCSS,JavaScript,and Bootstrap you can build beautiful user interactive and robust web applications and websites. Frontend developers turn designs designed by web designers into a functional, aesthetically pleasing user interface. Front-end designers also has a good understanding of UX principles and can transform user/clients imagination into reality with functionality and aesthetics
Join our Frontend development master class and be proficient in the art of creating highly user interactive web application and web sites.
Who this course is for:
- Web designers wanting to learn Frontend technologies
- Begginers want to learn Frontend technologies
- Professional UI/UX designers to enhance thier skill
- Full stack developers to master art of front-end development
Course Content
- Introduction to HTML
- HTML Document structure
- HTML elements
- HTML tables
- Project #1 - HTML text site
- Images
- Forms
- Inputs
- Checkboxes
- Radio buttons
- Select, option, and buttons
- HTML5 videos
- HTML5 audio
- Doctypes
- Meta tagss
- Targeting color and background
- Element specificity
- Padding, margin, and float
- Max-width and background-image
- Font weight, style, and family
- Text
- Pseudo-states
- Border radius
- Positions
- Pseudo-elements
- Z-index
- Viewpoint width and height, overflowing content
- Transition property
- Intro to JavaScript
- Alerts and console logging
- Integers, strings, and variables
- Undefined variables and modifying values of variables
- Boolean operators
- Comparing values
- If statements
- For loops
- Defining functions
- Event handling
- Setting an elements innerHTML
- Array
- Textareas and getting the value of inputs
- Functions - parameters and return values
- Multiple parameters in functions
- Flexible function parameters
- Exercise - find the missing number
- Exercise solution
- Classes explained
- Class constructor, instance variables, and static variables
- Extending classes
- jQuery setup
- Targeting elements
- Event handling
- Dropdown menus
- Making our dropdown disappear
- Multiple targets, events, and attr method
- Prepend, append, and html
- preventDefault
- event.which and switch properties
- Custom context menu, pageY, and pageX
- is method
- Writing our own version of jQuery
- Find method
- First and last
- Focusin and focusout
- Contains, is, and hasClass
- Each method
- Callbacks
- CSS
- Bootstrap setup
- Navbar
- Forms
- Buttons
- Navbar
- Main page
- Pipboy image and footer
- Colors
- Font and styling main nav
- Scanlines
- Navigation styling
- Tabs
- Progress bars
- First and last
- Footer fixes
- Damage and resistance
- Icons
When would you like to start?
With our upcoming and running classes, you can choose the courses that accelerate your career path with the best time flexibility.
Requirements
- Basic knowledge of JavaScript, HTML & CSS
More Similar Courses
Build Web Apps with React & Firebase
Learn React from the ground up to make dynamic websites (includes Context, Hooks, Reducers, Routing, Auth, Databases)
4 Weeks
1hours per day
Full Stack web development with Java, Node and React
Master backend development with Java , Node and React.
8 Weeks
2hours per day
Industrial web Development-Java + React
Build strong ERP and more with java and React
8 Weeks
2hours per day
Bootcamp based on Java, React, Web, Database
Full Stack product development learning front end, backend and database management.
12 Weeks
2hours per day