The Full Stack Web Developer Academy For Beginners [Video]
- FREE Subscribe Access now
- $180.99 Video Buy
- Instant online access to over 7,500+ books and videos
- Constantly updated with 100+ new titles each month
- Breadth and depth in over 1,000+ technologies
-
Welcome and let's get started!
-
Beginning HTML
- Setting up a web project
- Structuring a web page
- HTML Headings
- Div and span
- Adding paragraphs and text
- Text emphasis, importance and formatting
- HTML Lists
- Time to practice: Create the project lists
- Working with images
- Links
- Time to practice: Linking to pages
- What are semantic elements?
- Adding semantic elements into our project
- Time to practice: Adding more products
- Solution: Adding more products
- HTML Comments
- HTML entities and symbols
- Time to practice: Product detail page
-
Forms, Tables & iFrames
-
Beginning CSS
- Understanding CSS
- Inline styles and adding color
- Internal stylesheets
- Exterrnal stylesheets
- Fonts
- Classes and id's
- Margin and padding
- Block, inline and inline block
- The box models
- List styling
- Styling links and psuedo classes
- Float and clear
- The position property
- Styling forms and inputs
- Time to practice-final project styling
- Solution: final project styling
- Specificity and the cascade
-
Responsive Design
-
CSS: Flexbox & Grid
- What is Flexbox?
- Flex direction
- Flex wrap and justify content
- Align items
- Align content
- Controlling child items- order
- Controlling child items: grow and shrink
- Controlling child items: alignment
- Time to practice: Integrate Flexbox into Tech Store
- What is the CSS Grid?
- First look at the grid
- Grid gaps
- Track repeating and the for unit
- Min and max track sizes
- Grid line numbers
- Grid line names
- Grid template areas
- Nesting grids
- Alignment
- Time to practice: Song Finder layout
-
Bootstrap 4
-
Javascript: Basics and Control Flow
-
Javascript: DOM Manipulation, functions and events
- DOM Manipulation
- Adding and removing elements with Javascript
- Time to practice adding elements with Javascript
- Javascript functions
- Function arguments
- Scope and hoisting
- Arrow functions
- Javascript events
- The event objects
- External Javascript
- Time to practice pixel to em converter
- Solution: pixel to em converter
-
Javascript: Loops, Arrays and objects
-
Javascript: Shape Matcher Game and RegEx
-
API'S, fetching data and promises
-
Setting up Node and Express
-
Routing and templating
-
Mongo and Mongoose
-
Styling and pushing on with our app
- Hotel detail view
- Locals and conditional rendering
- Hotels by country
- Styling the header- small screen
- Styling the content- small screen
- Large screen styling
- Countries mixin
- Promise.all and array destructuring
- Environment variables
- Handling file uploads
- Saving images to the cloud
- Retrieving images form the cloud
- Hotel search form part 1
- Hotel search form part 2
- Search results template
- Hotel detail search from
-
User Accounts and Authentication
-
Making bookings and the user dashboard
-
Publishing to a live server
-
Thank You
About this video
If you are an aspiring web developer or have a little experience, then this is the only course you will need!
This course has been designed to give you a structured learning journey, teaching all the skills you need to build full-stack web applications!
We begin with a little background into HTML, what it is, and how it came about.
Then we take a deep dive into learning about how to use HTML, learning things such as Setting up an HTML project, HTML Structure, Headings, Div and span elements, Adding text and links, Formatting text, Lists, Images, Semantic elements and so on and will move onto styling with CSS. We then take the project even further by learning all about responsive design to make your websites look great on all size devices. Then onto the CSS Flexbox and CSS Grid. After this, we learn about the responsive Bootstrap 4 framework. The next sections will be teaching you all about Javascript, API'S and fetching data and a lot more.
We round things off by building a full-stack application called 'Let's travel!'. This is a big project, which is a fun, yet challenging hotel booking project.
All the codes and supporting files for this course are available at -https://github.com/PacktPublishing/The-Full-Stack-Web-Developer-Academy-For-Beginners
- Publication date:
- November 2019
- Publisher
- Packt
- Duration
- 24 hours 0 minutes
- ISBN
- 9781838983291