Become a full-stack developer, from scratch to bachelor's degree level: design, develop, secure, test and deploy web and mobile applications. Skills: Understand how computers, operating systems and networks work; Program in JavaScript and Python, using object-oriented programming; Analyse a need and design a system (data modelling, mockups, UML); Design and query SQL and NoSQL databases; Develop accessible web interfaces with HTML, CSS and Angular; Develop REST APIs with Node and Express; Secure a web application; Test, containerise and deploy with continuous integration; Design a multi-layer software architecture; Administer networks and databases; Analyse data with Python; Manage an IT project using agile methods; Comply with digital law and ethics. Workshops are based on exercises and on the projects you build throughout the programme, including your online shop; the data you need is provided.
15 min
Scrum and the Scrum Team In the previous lesson you saw the agile principle: deliver often, learn, adjust. Scrum is the most widely used framework for putting that principle into practice. It is described in a short official document, the Scrum Guide...
15 min
Why agility exists In the previous activities, you built a complete project plan. It covered the scope, a Gantt chart with dependencies and a critical path, a budget with contingencies, and a risk register. This approach is called predictive, or plan...
15 min
Why an error message is your ally When red text suddenly fills your terminal, your first instinct may be to think you broke something or that you are not made for this. That reaction is normal, and every developer has felt it. In reality, an error me...
The newest 50 of 217 episodes
15 min
Scrum and the Scrum Team In the previous lesson you saw the agile principle: deliver often, learn, adjust. Scrum is the most widely used framework for putting that principle into practice. It is described in a short official document, the Scrum Guide...
15 min
Why agility exists In the previous activities, you built a complete project plan. It covered the scope, a Gantt chart with dependencies and a critical path, a budget with contingencies, and a risk register. This approach is called predictive, or plan...
15 min
Why an error message is your ally When red text suddenly fills your terminal, your first instinct may be to think you broke something or that you are not made for this. That reaction is normal, and every developer has felt it. In reality, an error me...
15 min
Why searching is a core developer skill No developer knows everything by heart, whether junior or senior. Professionals spend a large share of their day looking things up: a command option, the exact name of a function, the meaning of an error. What ...
15 min
Why responsive design matters You now know how to build layouts with Flexbox and Grid. You have built a navigation bar, a series of cards, a home page and an image gallery. One question remains: what happens to these layouts on a 360-pixel-wide phone...
15 min
Why mobile screens need the viewport tag In the previous activity, you made a page readable on phone, tablet and computer. Two tools make this possible: the viewport meta tag in your HyperText Markup Language (HTML) and media queries in your Cascadin...
15 min
Two tools, two logics You have now used both layout systems of Cascading Style Sheets (CSS). You built a navigation bar and a series of cards with Flexbox, and a home page layout with Grid. The question you will face on every real project is not 'whi...
15 min
From Flexbox to Grid: one dimension or two You have just used Flexbox to build a navigation bar and lay out a series of cards. Flexbox is a one-dimensional layout system. It distributes elements along a single axis, either a row or a column, and wrap...
15 min
Why the computer cannot guess In the previous activities, you learned to break a problem into small steps. That is the first half of the job. The second half is to write each step so precisely that it can only be understood one way. A step that a hum...
15 min
Back to the axes before going further In your last activity, you built a navigation bar with Flexbox. You used display: flex on a container, and its direct children became flex items placed on a single line. This lesson goes further. You will learn h...
15 min
Why Flexbox and how it works In previous activities, you saw that block elements stack on top of each other and inline elements flow like text. You also used positioning to fix your navigation bar to the top of the page. However, neither of these too...
15 min
Why developers break problems down You now have a working environment. You can use the terminal, read a page's source code and save versions of your work with Git. The next skill is not a tool. It is a way of thinking, and it is the one you will use ...
15 min
Why Git saves in two steps In the previous activity, you installed Git and ran git init in your working folder. That command created a hidden folder called .git, which is your local repository. For now this repository is empty: Git watches your folde...
15 min
Why a history of your work matters You now know how to move around, create and reorganise files from the terminal. The next problem every developer faces is this: you change your code, something breaks, and you no longer remember what it looked like ...
15 min
What your browser really does You now know how to move around your computer from the terminal and how to work from your editor's integrated terminal. The next tool in your developer environment is one you already use every day: the web browser. Until...
15 min
Why use a terminal inside your editor In the previous activities, you learned to use the terminal of your operating system. You found your location with pwd, listed files with ls and changed directory with cd. You also created, copied, moved and dele...
15 min
Before you start: paths and your practice folder You already know how to find your bearings in the terminal. pwd (print working directory) shows where you are, ls lists the contents of a folder, and cd changes directory. In this lesson you go one ste...
15 min
Where you are: the current directory and pwd In the previous activity you opened a terminal and saw that it waits for typed commands. Every terminal session is always located in exactly one folder, called the current directory or working directory. A...
15 min
What the terminal is and why you need it Until now, you have controlled your computer through windows, icons and menus. This is called a Graphical User Interface (GUI). The terminal offers another way: you type text commands and the computer answers ...
15 min
What an extension is and why to be careful You have installed Visual Studio Code (VS Code), opened your working folder and learned to create and organise files from the editor. Now you will make the editor more useful for your work. An extension is a...
15 min
The five zones of the interface You have installed Visual Studio Code (VS Code) and opened your working folder. Before writing any code, you need to recognise the zones of the window. Every developer uses them dozens of times a day. Learning their na...
15 min
Code is plain text In the previous activities, you learned that a program is a set of instructions written for a computer. You also learned that your work is stored in files and folders, identified by names, extensions and paths. Now you need the rig...
15 min
File extensions: what a file name tells you In the previous lesson, you saw that your computer stores your work in files, and that files are organised in folders. Now you will learn to read file names precisely, because a developer spends the whole d...
15 min
Why storage matters to a developer In the previous activity, you learned that a program is a set of instructions written for a computer. Those instructions must be saved somewhere so they still exist when you close your editor or turn off your machin...
15 min
Welcome to the Full-Stack Developer programme. In this first lesson, you will learn what a web developer actually does, how a website or web application works behind the scenes, and what equipment, software and habits you need to get started. You do ...
15 min
A program is a list of precise instructions In the welcome activity, you saw what a web developer does day to day. Behind every site, app or online shop there is the same basic object: the program. A program is an ordered sequence of instructions, wr...
15 min
In the previous chapters, you learned how to select elements in the Document Object Model, create and delete nodes, and generate HTML dynamically. Now it is time to understand how a web page reacts to user actions. Every time a user clicks, moves the...
15 min
Until now, you have learned to select elements already present in the HTML page and to modify their text or their classes. This chapter goes one step further: you will learn to create brand-new elements from JavaScript, to insert them exactly where y...
15 min
THEORETICAL RECAP Dynamically generating HTML means creating page elements with JavaScript instead of writing them by hand in your HTML file. This is the core of any modern web interface: you receive data (often an array of objects) and you transform...
15 min
THEORETICAL RECAP The DOM lets you select and manipulate HTML elements from JavaScript. In the previous chapters you learned to select elements with document.querySelector and document.querySelectorAll, and to change their content. Now we focus on st...
15 min
Until now, you have manipulated data structures such as arrays, objects, and functions inside JavaScript. But a web page is more than pure data: it is a visible, structured document displayed in the browser. To make a page interactive, JavaScript nee...
15 min
THEORETICAL RECAP The DOM (Document Object Model) is the tree-like representation of your HTML page that the browser builds in memory. JavaScript can read and modify this tree in real time. To act on a specific element, you first need to select it, t...
15 min
Destructuring, the spread operator and the rest parameter are three features introduced with the modern version of JavaScript known as ES6 (ECMAScript 2015). They were designed to write shorter, clearer and more expressive code, especially when worki...
15 min
THEORETICAL RECAP An array of objects is simply an array whose elements are literal objects. It is the fundamental structure used to represent a collection of records: a list of products, users, orders, and so on. Each object holds properties (key/va...
15 min
THEORETICAL RECAP A literal object in JavaScript groups related data (properties) and behaviors (methods) inside a single structure delimited by curly braces. A property associates a key with a value (string, number, boolean, array, or even another o...
15 min
In JavaScript, an object is a data structure that groups together related values and behaviors under a single entity. Until now you have worked mainly with arrays, which store ordered lists of values accessed by numeric indexes. Objects are different...
15 min
THEORETICAL RECAP In JavaScript ES6+, arrays offer powerful methods to process collections of data without manually writing loops. The three core methods are: 'filter', which returns a NEW array containing only the elements that pass a test (a callba...
15 min
In your previous activities you learned how to loop over arrays with 'for', 'for... of' and 'while'. These classic loops work perfectly, but modern JavaScript offers dedicated array methods that make your code shorter, more readable and easier to rea...
15 min
In JavaScript, arrays are one of the most common data structures you will manipulate. An array is an ordered list of values, each stored at a numbered position called an index. The first element is always at index 0, the second at index 1, and so on....
15 min
THEORETICAL RECAP In JavaScript ES6+, an array is an ordered collection of values that you can traverse and transform. To compute statistics, you rely on a small set of core tools. A variable declared with 'const' or 'let' holds your data; a function...
15 min
THEORETICAL RECAP A task list manager in the console is a small program that stores items in memory and lets a user add, display, complete, and remove them. The core mental model is simple: your tasks live inside an array, and each task is an object ...
15 min
In JavaScript, an array (called a 'board' here, but the correct technical term is 'array') is one of the most important data structures you will use as a developer. An array is an ordered list of values grouped under a single variable name. Instead o...
15 min
Now that you have written your first functions, handled variables, applied conditions, and connected simple browser events, it is time to step back and adopt the mindset of a professional developer. Writing code that works is only half the job. Writi...
15 min
Writing a script that works is only half the job. Writing a script that another developer, or your future self, can read, understand, and modify quickly is what separates a beginner from a professional. This summary review consolidates everything you...
15 min
THEORETICAL RECAP An event is a signal the browser emits when something happens: a click, a key press, a page load. In JavaScript, you react to events by attaching an event handler (a function that runs when the event fires). The standard modern appr...
15 min
Until now, you have written JavaScript that runs from top to bottom, executing every instruction in order the moment the page loads. But real web applications are not static. They must react to what the user does: a click on a button, a key pressed o...
15 min
THEORETICAL RECAP Before starting the DOM, you will build a click counter using the browser's prompt() and alert() functions. A counter is simply a variable that stores a number and changes over time. The mental model is straightforward: you declare ...
15 min
Scope and hoisting are two fundamental concepts in JavaScript that explain where your variables and functions are accessible, and how JavaScript prepares them before running your code. Understanding these ideas will help you avoid many confusing bugs...
15 min
THEORETICAL RECAP A function is a reusable block of code that takes input (parameters), performs a task, and usually returns a value with the 'return' keyword. In ES6, you can declare functions in several ways: the classic declaration 'function add(a...
15 min
THEORETICAL RECAP A function in JavaScript is a reusable block of code that performs a task and, optionally, returns a value. In ES6, you can declare functions with the classic 'function' keyword or with arrow function syntax. A function usually take...
–
0 ratings from members
Rate this podcast
Log in to rate and review the shows you listen to.
No reviews yet — be the first member to rate "Full-Stack Developer".
This podcast, its content and its artwork are not owned by, affiliated with, or endorsed by Castquire.
Keep listening
Up next
